js trigger()方法的用法:
来源:互联网 发布:golang syscall.exec 编辑:程序博客网 时间:2024/05/23 16:08
trigger() 方法触发被选元素上指定的事件以及事件的默认行为(比如表单的提交)。
该方法与 triggerHandler() 方法类似,不同的是 triggerHandler() 不触发事件的默认行为。
与 triggerHandler() 方法相比的不同之处:
- 它不会引起事件(比如表单提交)的默认行为
- .trigger() 会操作 jQuery 对象匹配的所有元素,而 .triggerHandler() 只影响第一个匹配元素。
- 由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡;如果目标元素不直接处理它们,则不会发生任何事情。
下边是测试用例:
<!doctype html><html><head> <meta charset="utf-8"> <title>triggerHandler demo</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script></head><body><button id="old">.trigger( "focus" )</button><button id="new">.triggerHandler( "focus" )</button><br><br><p>执行 .trigger 后 input 输入框自动获取焦点,触发事件的默认行为,而 .triggerHandler 仅仅 执行了指定的事件浏览器并未执行动作,输入框也没有获取焦点。</p><input type="text" value="将获取焦点"><br> <input type="text" value="将获取焦点"><br> <input type="text" value="将获取焦点"><br><script>$( "#old" ).click(function() { $( "input" ).trigger( "focus" );});$( "#new" ).click(function() { $( "input" ).triggerHandler( "focus" );});$( "input" ).focus(function() { //$( "<span>获取焦点!</span>" ).appendTo( "body" ).fadeOut( 1000 ); $(this).css('border-color','red')});</script></body></html>
阅读全文
0 0
- js trigger()方法的用法:
- 数据库trigger的用法
- jquery的trigger方法
- 原生js实现类似jq的trigger
- js confirm()方法的用法
- js confirm()方法的用法
- js confirm()方法的用法
- jQuery的 trigger()与triggerHandler()方法
- MySQL中查看触发器trigger的方法
- Oracle Trigger简单用法
- jquery trigger 用法实例
- js的indexOf()方法的具体用法
- Trigger的用法及Inserted Deleted的作用
- Js中sort()方法的用法
- Js中sort()方法的用法
- Js中sort()方法的用法
- Js中sort()方法的用法
- Js中sort()方法的用法
- python图片合成
- liunx的基础命令-03
- 四轴飞行器姿态解算必不可少的知识点
- Chrome 下载crx
- Linux上的free命令详解(讲解最清楚最靠谱的)
- js trigger()方法的用法:
- 终于等到你——ggplot2树状图
- 标准差
- R|ggplot2(七)|自定义主题
- 【零基础 趣味玩数据】用R语言深度解读十九大报告,十行代码绘制党徽图案词云
- 左手用R右手Python系列——模拟登陆教务系统
- R语言实战:预测钻石的价格
- 我的商业数据分析成长之路(书籍方面) | 引言
- jdbc详解