js实时获取input数据
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>on用onpropertychange,oninput事件解决onchange事件的不足 by koyoz.com</title>
<style type="text/css">
*{font-size:14px;font-family:'Comic Sans MS', Verdana}
body {margin-left:20px}
</style>
</head>
<body>
<p>使用onchange事件: </p>
<input type="text" id="txt1" />
<p>使用onpropertychange/oninput事件: </p>
<input type="text" id="txt2" />
<p>结果:</p>
<input type="text" id="txt" />
<script type="text/javascript">
var $ = function(o) {
return document.getElementById(o)
};
$('txt1').onchange = function() {
$('txt').value = this.value;
}
$('txt2').onpropertychange = function() {
$('txt').value = this.value;
}
if (window.addEventListener) {
$('txt2').addEventListener('input', function() {$('txt').value = this.value}, false);
}
</script>
</body>
</html>
JQ:
$("#textboxID").bind("propertychange", function() {
alert($(this).val());
});
最新文章
- When I see you again(加密原理介绍,代码实现DES、AES、RSA、Base64、MD5)
- Magical平台类库代码分享
- Yii2.0 用户登录详解(上)
- bootstrap 3 中表单元素的写法 ---- 重点是 input file 元素的
- tomcat集群 (自带Cluster集群)
- C#学习笔记(第1周作业)
- 兼容:判断 iframe 是否加载完成
- HTTP协议-标签简介
- Blade和其他构建工具有什么不同
- CentOS6.8使用源码安装Git
- vuejs2.0子组件改变父组件的数据
- 51nod 1020 逆序排列 DP
- EL表达式多条件判断方式
- ASP.NET CORE MVC 实现减号分隔(Kebab case)样式的 URL
- JavaScript中的各种X,Y,Width,Height
- java 打包 war包
- Python3下requests库发送multipart/form-data类型请求
- anaconda环境变量+修改jupyter默认路径
- nodejs使用request和bluebird编写的http请求模块
- 64_a2