jQuery⽂本框（inputtextare）事件绑定⽅法教程
jquery 的事件绑定已经⽤on替换了原来的bind，接下来为⼤家分享下bind的使⽤⽅法及input textare事件。⽬前1.7以上，jquery?的事件绑定已经⽤on替换了原来的bind，接下来为⼤家介绍下bind的使⽤⽅法及input textare事件，感兴趣的朋友可以参考下
(1)jquery 绑定事件
⽬前1.7以上，jquery的事件绑定已经⽤on替换了原来的bind；
区别：(个⼈理解)bind是⼀次绑定事件到每⼀个⼦节点；on是只绑定到⽗节点，然后冒泡到各个⼦节点；
⽤法：bind
⼀个事件，⼀个⽅法：$(".class input").bind('click',function(e){...;e.stopPropagation;})
两个事件，⼀个⽅法：$(".class input").bind('click mouseover',function(e){...;e.stopPropagation;})
两个事件，两个⽅法：$(".class input").bind({ click:function(e){...;e.stopPropagation;}, mouseover:functi
on(e){...;e.stopPropagation;} }) on，可以直接替换掉bind，就是说上述的⽤法都适⽤于on；
此外，on⽐bind多了两个可选参数
on( events [, selector ] [, data ], handler(eventObject) )
selector：要绑定的元素，上⾯的例⼦可以写成：$(".class").bind('click','input',function(e){...;e.stopPropagation;})
(需要注意的是，有⼀个事件不好⽤，就是'⼤便'ie下独有的事件：onpropertychange；
可以⽤：$(".class input").bind('propertychange',function(e){...;e.stopPropagation;})
没反应：$(".class").bind('propertychange','input',function(e){...;e.stopPropagation;})
)
data：传递给event.data的参数，$(".class").bind('click','input','123',function(e){alert(e.data/*123*/);e.stopPropagation;})onpaste不能用input
(更具体⽤法可查看⼿册)；
(2)input textare 事件
之前做⼀个⽂本框内容实时变化事件触发时，⽤onkeyup + onchange；但onchang必须在⽂本框失焦后才会触发，后来发现可以⽤
(if IE) onpropertychange + else oninput 来处理。
说明：
oninput 事件在⽤户输⼊、退格、删除、剪切、粘贴及⿏标剪切与粘贴时触发(在 IE9&IE9+ 中可能略有区别)。
(Firefox、Chrome、IE9&IE9+ 均⽀持)
onpropertychange 事件在⽤户输⼊、退格、删除、剪切、粘贴及⿏标剪切与粘贴时触发
(仅 IE ⽀持)。
(3)常⽤事件
oncut 事件在粘贴(ctrl + v)、⿏标粘贴时触发
onactivate 当对象设置为活动元素时触发。
onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。
onbeforeactivate 对象要被设置为当前元素前⽴即触发。
onbeforecut 当选中区从⽂档中删除之前在源对象触发。
onbeforedeactivate 在 activeElement 从当前对象变为⽗⽂档其它对象之前⽴即触发。
onbeforeeditfocus 在包含于可编辑元素内的对象进⼊⽤户界⾯激活状态前或可编辑容器变成控件选中区前触发。
onbeforepaste 在选中区从系统剪贴板粘贴到⽂档前在⽬标对象上触发。
onbeforeupdate 当成功更新数据源对象中的关联对象前在数据绑定对象上触发。
onblur 在对象失去输⼊焦点时触发。
onchange 当对象或选中区的内容改变时触发。
onclick 在⽤户⽤⿏标左键单击对象时触发。
oncontextmenu 在⽤户使⽤⿏标右键单击客户区打开上下⽂菜单时触发。
oncontrolselect 当⽤户将要对该对象制作⼀个控件选中区时触发。
oncut 当对象或选中区从⽂档中删除并添加到系统剪贴板上时在源元素上触发。
ondblclick 当⽤户双击对象时触发。
ondeactivate 当 activeElement 从当前对象变为⽗⽂档其它对象时触发。
ondrag 当进⾏拖曳操作时在源对象上持续触发。
ondragend 当⽤户在拖曳操作结束后释放⿏标时在源对象上触发。
ondragenter 当⽤户拖曳对象到⼀个合法拖曳⽬标时在⽬标元素上触发。
ondragleave 当⽤户在拖曳操作过程中将⿏标移出合法拖曳⽬标时在⽬标对象上触发。
ondragover 当⽤户拖曳对象划过合法拖曳⽬标时持续在⽬标元素上触发。
ondragstart 当⽤户开始拖曳⽂本选中区或选中对象时在源对象上触发。
ondrop 当⿏标按钮在拖曳操作过程中释放时在⽬标对象上触发。
onerrorupdate 更新数据源对象中的关联数据出错时在数据绑定对象上触发。
onfilterchange 当可视滤镜更改状态或完成转换时触发。
onfocus 当对象获得焦点时触发。
onfocusin 当元素将要被设置为焦点之前触发。
onfocusout 在移动焦点到其它元素之后⽴即触发于当前拥有焦点的元素上触发。
onhelp 当⽤户在浏览器为当前窗⼝时按 F1 键时触发。
onkeydown 当⽤户按下键盘按键时触发。
onkeypress 当⽤户按下字⾯键时触发。
onkeyup 当⽤户释放键盘按键时触发。
onlosecapture 当对象失去⿏标捕捉时触发。
onmousedown 当⽤户⽤任何⿏标按钮单击对象时触发。
onmouseenter 当⽤户将⿏标指针移动到对象内时触发。
onmouseleave 当⽤户将⿏标指针移出对象边界时触发。
onmousemove 当⽤户将⿏标划过对象时触发。
onmouseout 当⽤户将⿏标指针移出对象边界时触发。
onmouseover 当⽤户将⿏标指针移动到对象内时触发。
onmouseup 当⽤户在⿏标位于对象之上时释放⿏标按钮时触发。onmousewheel 当⿏标滚轮按钮旋转时触发。
onmove 当对象移动时触发。
onmoveend 当对象停⽌移动时触发。
onmovestart 当对象开始移动时触发。
onpaste 当⽤户粘贴数据以便从系统剪贴板向⽂档传送数据时在⽬标对象上触发。onpropertychange 当在对象上发⽣对象上发⽣属性更改时触发。onreadystatechange 当对象状态变更时触发。
onresize 当对象的⼤⼩将要改变时触发。
onresizeend 当⽤户更改完控件选中区中对象的尺⼨时触发。
onresizestart 当⽤户开始更改控件选中区中对象的尺⼨时触发。
onselect 当当前选中区改变时触发。
onselectstart 对象将要被选中时触发。
ontimeerror 当特定时间错误发⽣时⽆条件触发，通常由将属性设置为⽆效值导致

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。