自定义JQ事件，对input输入框内容进行实时监听-韩烨

直入主题，首先分为两种情况！ie和非ie。

确定一个事情，判断是否为ie浏览器。方法为

var ie = !-[1,];

ie浏览器中检测为true，非ie检测为false。

ie能够识别ie这个变量的“，”而非ie浏览器直接忽略掉这个“，”。以此来进行判断

下一步就是监听！

完整代码：

调用propertychange事件。此事件只适合ie浏览器！apple用于改变this的指向！

非ie浏览器直接使用input事件。这样，我们就定义好了一个input事件

跟jq中的click、blur......用法一样！

触发的方式，当input值改变。比方说按下一个键不松开的时候也是可以实时触发的

小伙伴们快乐的玩耍吧

时间： 2024-10-25 15:48:23

自定义JQ事件，对input输入框内容进行实时监听-韩烨的相关文章

无聊控制input键入内容的增减监听

HTMLElement.prototype.attr = function(k,v){ if(v){ return this.setAttribute(k,v); } return this.getAttribute(k); } window.clog = function(s,t){ t = t?'red':'green'; console.log('%c'+s,'font-size:1.5em;color:'+t); } var inputEvent = function(i,jia,jia

实时监听input输入框value的变化：

HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件实时监听输入框value的变化 oninput 事件在用户输入时触发. 该事件在 <input> 或 <textarea> 元素的值发生改变时触发. 提示: 该事件类似于 onchange 事件.不同之处在于 oninput 事件在元素值发生变化是立即触发, onchange 在元素失去焦点时才会触发.另外一点不同是 onchange 事件也可以作用于 <keygen> 和

js/jquery 实时监听输入框值变化的完美方案：oninput & onpropertychange

本文转载于 http://blog.163.com/lgh_2002/blog/static/44017526201341511112874/ Jquery绑定事件(bind和live的区别) js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange 2013-05-15 11:01:12| 分类: jquery/javascrip |

关于实时监听输入框的值变化

实时监听文本框值变化是非常常见的功能,通常最简单的办法就是用keyup,keydown来实现,但是这种方法有两个问题,一个是当直接复制粘贴的时候没法监听到事件,另外一个问题是在移动端,使用删除键删除输入时候也无法监听到! 解决办法: 1.使用onchange事件 onchange事件是文本框内容改变并失去焦点的时候才触发. 2.比较完美的解决办法:oninput和onproper oninput 是 HTML5 的标准事件,对于检测 textarea, input:text, input:pas

javascript --- 实时监听输入框值的变化

实时监听input输入

oninput 是 HTML5 的标准事件,对于检测 textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即被触发,不像 onchange 事件需要失去焦点才触发.oninput 事件在主流浏览器的兼容情况如下: 从上面表格可以看出,oninput 事件在 IE9 以下版本不支持,需要使用 IE 特有的 onpropertychange 事件替代,这个事件在用户界面改变或者使用脚本直接

移动端用js与jquery实时监听输入框值的改动

背景: 在一次移动端H5开发中,需要监听输入框值的实时变动. onchange事件肯定抛弃,因为只能失去焦点才触发. 而keyPress在Android可以触发,iOS不可以. 又不想用Android和iOS都可以触发的keyDown和keyUp. 于是,百度出了新东西:oninput![需要配合propertychange,兼容 IE9 以下版本] 用法: JS: if(isIE) { document.getElementById("input").onpropertychange

oninput和onpropertychange实时监听输入框值的变化

传统监听输入框的做法就是使用keyup.keydown.keypress,或者change事件来实现,但keyup.keydown.keypress事件是只要完成击键事件后就触发,不考虑输入框的值是否变化,也监听不了使用鼠标右键[剪贴]和[粘贴]这些操作,更监听不了使用JS动态改变值的变化.而change事件必须是焦点离开输入框后才触发,并不能实时监听.所以这几个事件来监听输入框值变化并不完美.ie浏览器(ie6-8)可以直接使用onpropertychange事件来实时监听(包括JS动态改变值

实时监听移动端输入框的变化

一个常见需求,实时监听textarea的输入变化,并在页面上显示还能够输入多少字符. 开发过程中翻了两个形式错误: 1.仅仅使用onkeyup事件 2.使用zepto绑定事件的时候,经验主义错误第三方输入法在输入拼音的时候,并没有把输入的汉字直接写在输入框内,而是在输入法上方暂存,只有选择了字后才填到textarea输入框中,这时候是兼听不到键盘事件的,所以完全依赖keyup事件,是没办法准确获取所输入的字符数的,所以只能监听其他事件,HTML5新增事件oninput完美解决这一bug,但是当