jQuery中triggerHandler()方法用法实例


Posted in Javascript onJanuary 19, 2015

本文实例讲述了jQuery中triggerHandler()方法用法。分享给大家供大家参考。具体分析如下:

此方法触发被选元素的指定事件类型。
从上面定义可以看出此方法和trigger()方法功能上很类似,但还是有巨大区别。以下是主要区别:

1.此方法不会触发浏览器默认事件。
2.此方法触发jQuery对象集合中第一个元素的事件处理函数,不会产生事件冒泡。
3.此方法的返回的是事件处理函数的返回值,而不是据有可链性的jQuery对象。

语法结构:

$(selector).triggerHandler(event,[param1,param2,...])

参数列表:

参数 描述
event 规定指定元素要触发的事件类型。
param 可选。传递到事件处理程序的额外参数。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<style type="text/css">

div{

  width:200px;

  height:200px;

  border:1px solid blue;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("div").click(function(){ 

    $("div").append("三水点靠木"); 

  }); 

  $("button").click(function(){ 

    $("div").triggerHandler("click"); 

  }) 

}) 

</script>

</head>

<body>

<div></div>

<button>查看效果</button>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
在线编辑器中换行与内容自动提取
Apr 24 Javascript
JavaScript XML操作 封装类
Jul 01 Javascript
javascript 动态table添加colspan\rowspan 参数的方法
Jul 25 Javascript
jQuery对Select的操作大集合(收藏)
Dec 28 Javascript
JS数组的赋值介绍
Mar 10 Javascript
JavaScript中扩展Array contains方法实例
Aug 23 Javascript
使用AOP改善javascript代码
May 01 Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
May 27 Javascript
JavaScript数据结构之二叉树的遍历算法示例
Apr 13 Javascript
jQuery Tree Multiselect使用详解
May 02 jQuery
javascript删除数组元素的七个方法示例
Sep 09 Javascript
Javascript与jQuery方法的隐藏与显示
Jan 19 #Javascript
jQuery中trigger()方法用法实例
Jan 19 #Javascript
jQuery的one()方法用法实例
Jan 19 #Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
Jan 19 #Javascript
jQuery中bind()方法用法实例
Jan 19 #Javascript
jQuery中on()方法用法实例
Jan 19 #Javascript
jQuery学习笔记之创建DOM元素
Jan 19 #Javascript
You might like
PHP 常见郁闷问题答解
2006/11/25 PHP
PHP 获取MSN好友列表的代码(2009-05-14测试通过)
2009/09/09 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
使用IE的地址栏来辅助调试Web页脚本
2007/03/08 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
jQuery 常见操作实现方式和常用函数方法总结
2011/05/06 Javascript
javascript学习笔记(十三) js闭包介绍(转)
2012/06/20 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
2013/05/07 Javascript
js查找某元素中的所有图片地址的方法
2014/01/16 Javascript
JavaScript版的TwoQueues缓存模型
2014/12/29 Javascript
JavaScript中的异常捕捉介绍
2014/12/31 Javascript
浅析AngularJS中的生命周期和延迟处理
2015/06/18 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
2016/01/23 Javascript
JavaScript触发onScroll事件的函数节流详解
2016/12/14 Javascript
JavaScript实现美化滑块效果
2019/05/17 Javascript
windows实现npm和cnpm安装步骤
2019/10/24 Javascript
js实现九宫格抽奖
2020/03/19 Javascript
python基础教程之popen函数操作其它程序的输入和输出示例
2014/02/10 Python
利用python将图片转换成excel文档格式
2017/12/30 Python
Python单元测试实例详解
2018/05/25 Python
Python开发网站目录扫描器的实现
2019/02/21 Python
python实现宿舍管理系统
2019/11/22 Python
Python利用socket模块开发简单的端口扫描工具的实现
2021/01/27 Python
欧姆龙医疗保健与医疗产品:Omron Healthcare
2020/02/10 全球购物
精伦电子Java笔试题
2013/01/16 面试题
职业生涯规划书的格式
2013/12/29 职场文书
工业设计专业自荐书
2014/06/05 职场文书
村主任群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
大学迎新生标语
2014/10/06 职场文书
2014小学数学教研组工作总结
2014/12/06 职场文书
爱岗敬业事迹材料
2019/06/20 职场文书
使用pycharm运行flask应用程序的详细教程
2021/06/07 Python
自从在 IDEA 中用了热部署神器 JRebel 之后,开发效率提升了 10(真棒)
2021/06/26 Java/Android
美元符号 $
2022/02/17 杂记
Python实现科学占卜 让视频自动打码
2022/04/09 Python