jquery change事件 解析

原创 2015年11月19日 10:45:51

oninput,onpropertychange,onchange的用法

l          onchange触发事件必须满足两个条件:

a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效)

b)当前对象失去焦点(onblur)

l          onpropertychange的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的;

l          oninputonpropertychange的非IE浏览器版本,支持firefoxopera等浏览器,但有一点不同,它绑定于对象时,并非该对象所有属性改变都能触发事件,它只在对象value值发生改变时奏效。

 

textarea中,如果想捕获用户的键盘输入,用onkeyup检查事件就可以了,但是onkeyup并不支持复制和粘贴,因此需要动态监测textarea中值的变化,这就需要onpropertychange(用在IE浏览器)和oninput(非IE浏览器)结合在一起使用了。


onpropertychangebug

    在代码实现时,发现在响应用户onclicktextarea时,如果使用obj.className="XX";来改变textarea输入框中字体的样式,会导致在ie下会有在输入第一个字符的时候onpropertychange不会触发的bug,因此需要这样设置:obj.style.color="#000";


先说jquery, 使用 jQuery 库的话,只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了,示例代码:
$('#username').bind('input propertychange', function() {
    $('#content').html($(this).val().length + ' characters');
});

利用jquery控制display属性变化

我想实现的效果是,点击一个区域,另一个区域出现或者消失,我的布局如下:...

jquery文本改变事件绑定

介绍:change:焦点离开时触发事件              focus:获得焦点时触发事件              keyup:按键弹起时触发事件              keypre...

jquery input change事件

input输入框的change事件,要在input失去焦点的时候才会触发 $('input[name=myInput]').change(function() { ... }); 在输入框内容变化的...
  • arkblue
  • arkblue
  • 2014年01月09日 13:51
  • 139658

【JQuery】下拉列表框的change事件

当一个元素的值发生变化时,将会触发change事件。 例如在选择下拉列表框中的选项时,就会触change事件。 其实很好理解,但是我在写程序的过程中,却发现了另外的问题。 下拉列...

jquery change 事件

jquery下拉框选择事件心得  (2014-03-10 10:21:58) 转载▼ 标签:  jquery   下拉框事件   下拉框操作 ...
  • infelt
  • infelt
  • 2014年05月15日 11:59
  • 1555

【jQuery 事件】事件 change() 方法

实例 当输入域发生变化时改变其颜色: $(".field").change(function(){ $(this).css("background-color","#FFFFCC"); }...

Jquery on方法绑定事件后执行多次

这两天工作中遇到使用js动态加载内容,同时需要对加入的内容绑定点击事件的,当时想想了想可以使用内联的onclick 来实现,后来没有这样做,使用的是 on(‘click’,function(){}) ...

jQuery中的bind绑定事件与文本框值改变事件解决方法

一直没什么兴趣看jQuery,就用自己那点不咋样的javascript硬撑着,今天写一个功能时想尝试一下,用bind注册事件时发现怎么都不好使  $("#txtStation").bind("onp...
  • sollion
  • sollion
  • 2013年06月25日 13:11
  • 32197

jquery 内容改变时触发事件

$("#textboxID").bind("input propertychange", function() { alert($(this).val()); });
  • Mevin
  • Mevin
  • 2012年12月07日 14:03
  • 22159

jquery 中 change input 事件失效

今天工作的时候 遇到了用jquery选择 input输入框, 监听input中的内容变化,然后将input中的内容获取到,赋值给另一个input输入框。 这种逻辑本来很简单的。代码如下: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery change事件 解析
举报原因:
原因补充:

(最多只允许输入30个字)