zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jQuery文本框(inputtextare)事件绑定方法教程

jQuery事件方法教程 绑定 文本框
2023-06-13 09:14:51 时间
目前1.7以上,jquery​的事件绑定已经用on替换了原来的bind,接下来为大家介绍下bind的使用方法及inputtextare事件,感兴趣的朋友可以参考下

(1)jquery绑定事件
目前1.7以上,jquery的事件绑定已经用on替换了原来的bind;
区别:(个人理解)bind是一次绑定事件到每一个子节点;on是只绑定到父节点,然后冒泡到各个子节点;

用法:bind
一个事件,一个方法:$(".classinput").bind("click",function(e){...;e.stopPropagation;})
两个事件,一个方法:$(".classinput").bind("clickmouseover",function(e){...;e.stopPropagation;})
两个事件,两个方法:$(".classinput").bind({click:function(e){...;e.stopPropagation;},mouseover:function(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;
可以用:$(".classinput").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;})
(更具体用法可查看手册http://api.jquery.com/on/);

(2)inputtextare事件
之前做一个文本框内容实时变化事件触发时,用onkeyup+onchange;但onchang必须在文本框失焦后才会触发,后来发现可以用
(ifIE)onpropertychange+elseoninput来处理。

说明:
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当特定时间错误发生时无条件触发,通常由将属性设置为无效值导致