文本框内容输入完毕触发事件代码实例

快乐打工仔 分类:实例代码

在实际应用中可能有这样的需求,那就是当文本框内容输入完毕之后,触发一个事件。

下面就是一个这样的简单代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
  $("#txt").change(function(){
    $this=$(this);
    $("#antzone").text($this.val())
  })
})
</script>
</head>
<body>
<input type="text" id="txt"/>
<div id="antzone"></div>
</body>
</html>

上面的代码实现了我们的要求,就是利用change事件。

但是上面的效果,必须是焦点离开文本框才能够看到事件效果,可能很多朋友需要这样的功能,就是文本框内容只要改变就会立马触发事件,具体可以参阅js实现的文本框内容发生改变立马触发事件简单介绍一章节。

网站出售中,有意者加微信:javadudu

回复

我来回复
  • 暂无回复内容