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 相关文章推荐
Mootools 1.2教程 函数
Sep 15 Javascript
在javascript中关于节点内容加强
Apr 11 Javascript
js实现通用的微信分享组件示例
Mar 10 Javascript
JavaScript中的Math.sin()方法使用详解
Jun 15 Javascript
JavaScript中removeChild 方法开发示例代码
Aug 15 Javascript
JavaScript 闭包详细介绍
Sep 28 Javascript
详解Vue双向数据绑定原理解析
Sep 11 Javascript
vue组件父子间通信详解(三)
Nov 07 Javascript
javascript实现获取一个日期段内每天不同的价格(计算入住总价格)
Feb 05 Javascript
浅析vue.js数组的变异方法
Jun 30 Javascript
js正则取值的结果数组调试方法
Oct 10 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
Jul 05 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的FTP学习(一)[转自奥索]
2006/10/09 PHP
汉字转化为拼音(php版)
2006/10/09 PHP
php中iconv函数使用方法
2008/05/24 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
PHP通过引用传递参数用法分析
2016/12/01 PHP
JavaScript 学习点滴记录
2009/04/24 Javascript
jQuery实现id模糊查询的小例子
2013/03/19 Javascript
js中Image对象以及对其预加载处理示例
2013/11/20 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
JavaScript获取页面中第一个锚定文本的方法
2015/04/03 Javascript
用JS生成UUID的方法实例
2016/03/30 Javascript
PassWord输入框代码分享
2016/06/07 Javascript
浅谈JavaScript中的分支结构
2016/07/01 Javascript
JavaScript中return用法示例
2016/11/29 Javascript
Bootstrap轮播图的使用和理解4
2016/12/14 Javascript
Bootstrap CSS组件之按钮组(btn-group)
2016/12/17 Javascript
vue子组件使用自定义事件向父组件传递数据
2017/05/27 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
2020/03/04 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
2020/08/07 Javascript
一篇文章看懂JavaScript中的回调
2021/01/05 Javascript
JavaScript实现下拉列表
2021/01/20 Javascript
[44:21]Ti4 循环赛第四日 附加赛NEWBEE vs LGD
2014/07/13 DOTA
详解Python操作RabbitMQ服务器消息队列的远程结果返回
2016/06/30 Python
Python选课系统开发程序
2016/09/02 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
Python实现找出数组中第2大数字的方法示例
2018/03/26 Python
Python OpenCV处理图像之滤镜和图像运算
2018/07/10 Python
对python pandas 画移动平均线的方法详解
2018/11/28 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
李维斯德国官方网上商店:Levi’s德国
2016/09/10 全球购物
Myprotein葡萄牙官方网站:英国优质运动营养品牌
2016/09/12 全球购物
微软中国官方商城:Microsoft Store中国
2018/10/12 全球购物
公司聘任书模板
2014/03/29 职场文书
酒店餐厅2014重阳节活动策划方案
2014/09/16 职场文书
党的群众路线教育实践活动个人对照检查材料(乡镇)
2014/11/05 职场文书
Java 超详细讲解IO操作字节流与字符流
2022/03/25 Java/Android