码迷,mamicode.com
首页 > Web开发 > 详细

jQuery的keyup事件

时间:2015-07-24 20:34:16      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:

keyup事件的定义和用法:

当按键被松开时触发keyup事件。

语法结构:

为keyup事件绑定事件处理方法。

$(selector).keyup(data,function)

参数列表:

参数 描述
data 可选。定义传入供function处理的数据。
function 定义keyup事件触发时运行的函数。

实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<style type="text/css">
div{
  color:red;
  font-size:12px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".text").keyup(function(){
    $("div").html($(".text").val());
  })
})
</script>
</head>
<body>
  <input type="text" class="text" />
  <div></div>
</body>
</html>

以上代码中,当在文本框输内容,当松开按键时,能够将文本框的内容再div中同步显示。

原文地址是:http://www.51texiao.cn/jqueryjiaocheng/2015/0612/4004.html

最原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=5229

jQuery的keyup事件

标签:

原文地址:http://www.cnblogs.com/come-on/p/4674349.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!