,,jQuery文本框(input textare)事件绑定方法教程

,,jQuery文本框(input textare)事件绑定方法教程

jquery # 8203的事件绑定已用上的替换了原始绑定。接下来,我们来分享一下bind和input textare事件的用法。

目前在1.7以上,jquery的事件绑定已经用on取代了原来的bind。接下来,我们将介绍bind和input textare事件的用法。感兴趣的朋友可以参考一下。

(1)jquery 绑定事件当前高于1.7,事件绑定;jquery的ing已将原始绑定替换为on;区别:(个人理解)bind是将事件一次性绑定到每个子节点;On只绑定到父节点,然后冒泡到每个子节点;

用法:绑定一个事件,一个方法:$('。class input’)。绑定('点击',函数(e) {.e .停止传播;})两个事件,一个方法:$('。class input’)。bind('单击鼠标上方',函数(e) {.e .停止传播;})两个事件,两个方法:$('。class input’)。bind ({click: function (e) {.e .停止传播;},鼠标悬停:函数(e){.e .停止传播;} }) on,可以直接替换bind,也就是说上面的用法适用于on;另外,on比bind多了两个可选参数on (events [,selector] [,data],handler (event object))。

选择器:要绑定的元素,上面的例子可以写成:$('。类)。绑定('点击','输入',函数(e) {.e .停止传播;})(需要注意的是,有一个事件不好用,就是‘shit’下的唯一事件,即:onpropertychange;您可以使用:$('。class input’)。bind('属性更改',函数(e) {.e .停止传播;})无响应:$('。类)。bind('属性更改','输入',函数(e) {.e .停止传播;}) )

数据:参数传递给了event.data,$('。类)。bind('点击','输入',' 123 ',函数(e){ alert(e.data/* 123 */));e .停止传播;})(更多具体用法请参考手册http://API . jquery . com/on/);

(2)input textare 事件之前,当一个文本框内容实时变化时,使用onkeyuponchange但是,onchang只有在文本框不在焦点上时才会被触发。后来发现可以用(if ie)on property change else on input来处理。

注意:oninput事件是在用户输入、退格、删除、剪切粘贴、鼠标剪切粘贴时触发的(IE9IE9可能略有不同)。(Firefox、Chrome、IE9IE9均支持)onpropertychange事件是在用户输入、退格、删除、剪切粘贴、鼠标剪切粘贴时触发的(仅IE支持)。

(3)常用事件粘贴(ctrl v)或鼠标粘贴时触发oncut事件,对象设置为活动元素时触发onactivate。当数据源对象中的关联对象成功更新时,将在数据绑定对象上触发Onafterupdate。onbeforeactivate对象在设置为当前元素之前立即被触发。在从文档中删除选定区域之前,在源对象上触发Onbeforecut。Onbeforedeactivate在activeElement从当前对象更改为父文档中的其他对象之前立即触发。Onbeforeeditfocus在可编辑元素中包含的对象进入用户界面的活动状态之前或可编辑容器成为控件的选定区域之前触发。在将选定区域从系统剪贴板粘贴到文档中之前,在目标对象上触发Onbeforepaste。在数据源对象中的关联对象成功更新之前,在数据绑定对象上触发Onbeforeupdate。Onblur在对象失去输入焦点时被触发。当对象或选定区域的内容改变时,触发Onchange。当用户用鼠标左键单击对象时,Onclick被触发。当用户用鼠标右键单击客户区以打开上下文菜单时,Oncontextmenu被触发。当用户要为对象制作控件选择区域时,触发Oncontrolselect。当对象或选定区域从文档中删除并添加到系统剪贴板时,Ut在source元素上触发。当用户双击对象时触发Ondblclick。当activeElement从当前对象更改为父文档的另一个对象时,会触发Ondeactivate。当拖动时,Ondrag在源对象上连续触发。当用户在拖动操作后释放鼠标时,在源对象上触发Ondragend。当用户将对象拖动到合法的拖动目标时,在target元素上触发Ondragenter。当用户在拖动操作期间将鼠标移出合法拖动目标时,会在目标对象上触发Ondragleave。当用户拖动对象穿过合法拖动目标时,Ondragover继续在target元素上触发。当用户开始拖动文本选择或选定对象时,在源对象上触发Ondragstart。在拖动操作过程中释放鼠标按钮时,在目标对象上触发Ondrop。当更新数据源对象中的关联数据时出错,将在数据绑定对象上触发Onerrorupdate。当可视筛选器更改状态或完成转换时,会触发Onfilterchange。当对象获得焦点时,Onfocus被触发。当元素将要被设置为焦点时,Onfocusin被触发。在将焦点移动到其他元素后,Onfocusout会立即在当前具有焦点的元素上触发。当浏览器是当前窗口时,当用户按F1时触发Onhelp。当用户按下键盘按键时,Onkeydown被触发。当用户按下文字键时触发Onkeypress。当用户释放键盘按键时,Onkeyup被触发。当对象失去鼠标捕获时,触发Onlosecapture。当用户用任何鼠标按钮点击一个对象时,Onmousedown被触发。当用户在对象内移动鼠标指针时,Onmouseenter被触发。当用户将鼠标指针移出对象边界时,Onmouseleave被触发。当用户将鼠标滚动到对象上时,Onmousemove被触发。当用户将鼠标指针移出对象边界时,会触发Onmouseout。当用户将鼠标指针移动到对象中时,Onmouseover被触发。当鼠标在对象上时,当用户释放鼠标按钮时,Onmouseup被触发。当鼠标滚轮按钮旋转时触发Onmousewheel。Onmove在对象移动时触发。Onmoveend在对象停止移动时触发。Onmovestart在对象开始移动时触发。当用户粘贴数据以将数据从系统剪贴板传输到文档时,在目标对象上触发Onpaste。当对象发生属性更改时,会触发Onpropertychange。Onreadystatechange在对象状态改变时触发。当对象的大小将要改变时触发Onresize。当用户更改控件选定区域中对象的大小时,会触发Onresizeend。当用户开始更改控件选定区域中对象的大小时,将触发Onresizestart。当当前选择的区域改变时,Onselect被触发。即将选择onselectstart对象时触发。当在特定时间发生错误时,将无条件触发Ontimeerror,这通常是由于将属性设置为无效值而导致的。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 使用jquery实现图片轮播效果如何,jQuery图片轮播
  • 使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果
  • 举例说明jquery中each函数的使用,jquery each()
  • 举例说明jquery中each函数的使用,jquery each(),JQuery中each()的使用方法说明
  • 一篇文章带你了解jquery动画人物,一篇文章带你了解jquery动画制作
  • 一篇文章带你了解jquery动画人物,jquery的动画,一篇文章带你了解jQuery动画
  • trigger的用法总结,jquery trigger 传参数
  • trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析
  • js hover 触发事件显示另一元素,js hover 触发事件,jQuery中多个元素的Hover事件解决方案
  • js apply 实现原理,jquery apply用法_1
  • js apply 实现原理,jquery apply用法
  • js apply 实现原理,jquery apply用法,js中apply方法的使用详细解析
  • js apply 实现原理,jquery apply用法,JS中apply()的应用实例分析
  • jq获取radio选中的值,jquery radio 取值
  • jq获取radio选中的值,jquery radio 取值,Jquery获取radio选中值实例总结
  • 留言与评论(共有 条评论)
       
    验证码: