<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="" id="test" />
<script type="text/javascript" src="js/jQuery.v1.11.1.min.js"></script>
<script type="text/javascript">
$('#test').on('input',function(event){
// input 值改变及时触发,如果是ie8以下浏览器请用 propertychange 代替input ，ie8- 不支持 input事件
console.log(event.type)
});
$('#test').on('change',function(event){
// change 失去焦点，值改变触发， 所有浏览器都支持
console.log(event.type)
});
</script>
</body>
</html>
-
« 上一篇：
ECMAScript6 教程
-
前后端分离的好处
：下一篇 »