jquery的trigger和triggerHandler区别
来源:互联网 发布:哈林导师知乎 编辑:程序博客网 时间:2024/05/18 00:46
首先来说trigger的用法,我们先了解它的定义用法。
trigger() 方法触发被选元素上指定的事件以及事件的默认行为(比如表单提交)。
该方法与 triggerHandler() 方法类似,不同的是 triggerHandler() 不触发事件的默认行为。
比如说
$("form .required:input").trigger("blur");
找到form表单中input自动触发blur事件。
这个用法用的最多的是在表单有个提交按钮的时候,我们可以给他一个trigger方法触发之前blur方法,当然在验证的时候我们是采用添加类名方法,如果错误我们给他加个类名,最后提交的时候来判断长度,如果长度大于0则不能提交。
与 triggerHandler() 方法相比的不同之处:
它不会引起事件(比如表单提交)的默认行为
.trigger() 会操作 jQuery 对象匹配的所有元素,这里就是我们常说的事件冒泡。而 .triggerHandler() 只影响第一个匹配元素。
由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡;如果目标元素不直接处理它们,则不会发生任何事情。
.triggerHandler()简单来说就是只会触发一次,不会出现事件冒泡。
这个方法我个人理解也是在表单验证用法比较多,当我们在用了blur进行了验证,为了达到用户提出的需求,如果输入时就可以提醒,这样就更加即时。需要给表单元素绑定keyup事件和focus事件,keyup事件能在用户每次松开键盘是触发,实现即时提醒,focus事件能在元素得到焦点的时候触发,也可以实现即时提醒。
比如说:
$("form :input").blur(function(){ 失去焦点验证去处理函数 // 键盘验证 }).keyup(function(){ $(this).triggerHandler("blur"); }).focus(function(){ $(this).triggerHandler("blur"); })
阅读全文
0 0
- jquery的trigger和triggerHandler区别
- Jquery中trigger和triggerHandler的区别
- jquery的trigger和triggerHandler区别
- jquery里面的trigger和triggerHandler的区别
- jquery中的trigger和triggerHandler区别
- jQuery 中的trigger和triggerHandler区别
- jquery中的trigger和triggerHandler区别
- jquery中的trigger和triggerHandler区别
- jquery中的trigger和triggerHandler区别
- jquery中的trigger和triggerHandler区别
- JQuery trigger与triggerHandler的区别
- jQuery中的.trigger()和.triggerHandler()
- JQuery trigger方法与triggerHandler方法的区别
- 关于jQuery中的trigger和triggerHandler方法的使用
- JQuery 自动触发事件trigger和triggerHandler
- jQuery的 trigger()与triggerHandler()方法
- jquery trigger与triggerhandler的介绍
- jquery trigger与triggerhandler的介绍
- 让小家变得温馨的小诀窍
- 计算机软件概论以及HTML的简单编写
- CSDN Markdown使用
- 2017.11.1第一课
- TreeView点击树节点中id,名称赋值到文本框中
- jquery的trigger和triggerHandler区别
- 11.1第一课
- 大文件的分片传,断点续传,md5校验
- 有题day4上
- 同步与锁机制
- mysql乐观锁总结和实践
- React Native之onLayout属性
- TextView实现文字水平手动滚动和垂直手动滚动
- logging 模块