js监听input输入框值的实时变化实例
2024-09-24 06:54:56
情景:监听input输入框值的实时变化实例
解决方法:1.在元素上同时绑定oninput和onporpertychanger事件
实例:<script type=
"text/JavaScript"
>
function watch(){
consolo.log("in")
}
</script>
<input type="text" oninput=
"watch(event)"
onporpertychange=
"watch(event)"
/>
2.原生js
<script type=
"text/javascript"
>
$(
function
(){
if
(
"\v"
==
"v"
){
//true为IE浏览器,感兴趣的同学可以去搜下,据说是现有最流行的判断浏览器的方法
document.getElementById(
"a"
).attachEvent(
"onporpertychange"
,
function
(e){
console.log(
"inputting!!"
);
}
}
else
{
document.getElementById(
"a"
).addEventListener(
"onporpertychange"
,
function
(e){
console.log(
"inputting!!"
);
}
}
});
</script>
<input type=
"text"
id=
"a"
/>
3.使用jQuery绑定事件
<script type=
"text/javascript"
>
$(
function
(){
$(
"#a"
).bind(
'input porpertychange'
,
function
(){
console.log(
"e"
);
});
});
</script>
<input type=
"text"
id=
"a"
/>
最新文章
- Android中的Service小结
- CentOS hadoop配置错误Incorrect configuration: namenode address dfs.namenode.servicerpc-address ...
- CentOS6 下MySQL option file
- debian7安装oracle11g
- HibernateTemplate常用方法总结
- Connection for controluser as defined in your configuration failed.
- Android.mk编译APK范例
- 50、matplotlib画图示例
- Java注解学习
- 我的redis入门之路
- container
- SpringBoot集成netty实现客户端服务端交互和做一个简单的IM
- Python importlib 动态加载模块
- python学习笔记(三)- 字典、集合
- Express web框架 upload file
- Go语言学习之5 进阶-排序、链表、二叉树、接口
- 45.纯 CSS 创作一个菱形 loader 动画
- Oracle体系结构之数据文件管理
- webpack快速入门——处理HTML中的图片
- JAXB java类与xml互转