监听text等的改变事件
2024-08-31 18:54:15
oninput事件是html5的标准事件,支持ie9和以上以及其他的火狐啊谷歌啊等浏览器
ie9以下的可以用onpropertychange
<head>
<script type="text/javascript">
// Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 9
function OnInput (event) {
alert ("The new content: " + event.target.value);
}
// Internet Explorer
function OnPropChanged (event) {
if (event.propertyName.toLowerCase () == "value") {
alert ("The new content: " + event.srcElement.value);
}
}
</script>
</head>
<body>
Please modify the contents of the text field.
<input type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)" value="Text field" />
</body>
使用 jQuery 库的话,只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了,示例代码如下:
$('textarea').bind('input propertychange', function() {
$('.msg').html($(this).val().length + ' characters');
});
最后需要注意的是:oninput 和 onpropertychange 这两个事件在 IE9 中都有个小BUG,那就是通过右键菜单菜单中的剪切和删除命令删除内容的时候不会触发,而 IE 其他版本都是正常的,目前还没有很好的解决方案。不过 oninput & onpropertychange 仍然是监听输入框值变化的最佳方案,如果大家有更好的方法,欢迎参与讨论。
最新文章
- Bean生命周期及BeanFactory
- linux集群时钟问题
- jdbc与 Beanshell PostProcessor 对多条结果的处理
- hexo框架-next主题-github搭建个人博客
- Android Phonebook编写联系人UI加载及联系人保存流程(五)
- poj 1552 Doubles
- DataTables warning (table id = &#39;myTable&#39;): Requested unknown parameter &#39;0&#39; from the data source for row 0
- MeasureSpec介绍
- Swift与Objective-C中的闭包
- UIScrollView的基本使用和一些常用代理方法
- hdu4725 The Shortest Path in Nya Graph【最短路+建图】
- Foundation 学习笔记
- 201521123083 《Java程序设计》第6周学习总结
- WindowsService调用API
- tiny4412 --Uboot移植(4) 串口
- JAVA锁机制-可重入锁,可中断锁,公平锁,读写锁,自旋锁,
- [openjudge-贪心]装箱问题
- vscode 插件推荐 - 献给所有前端工程师(更新与2018.8.1)
- 批处理DOS基础命令
- 【liunx】sftp常用命令