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 相关文章推荐
window.addEventListener来解决让一个js事件执行多个函数
Dec 26 Javascript
alert中断settimeout计时功能
Jul 26 Javascript
优化Node.js Web应用运行速度的10个技巧
Sep 03 Javascript
jQuery获取URL请求参数的方法
Jul 18 Javascript
JS Array.slice 截取数组的实现方法
Jan 02 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
May 17 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
Aug 11 Javascript
微信小程序 简单教程实例详解
Jan 13 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
Feb 14 Javascript
jQuery插件之validation插件
Mar 29 jQuery
微信小程序城市选择及搜索功能的方法
Mar 22 Javascript
js最全的数组的降维5种办法(小结)
Apr 28 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
六酷社区论坛HOME页清新格调免费版 下载
2007/03/07 PHP
php中导出数据到excel时数字变为科学计数的解决方法
2013/02/03 PHP
将CMYK颜色值和RGB颜色相互转换的PHP代码
2014/07/28 PHP
PHP socket 模拟POST 请求实例代码
2016/07/18 PHP
自适应高度框架 ----属个人收藏内容
2007/01/22 Javascript
详细解读JavaScript编程中的Promise使用
2015/07/27 Javascript
jQuery链式调用与show知识浅析
2016/05/11 Javascript
使用jquery提交form表单并自定义action的方法
2016/05/25 Javascript
使用BootStrapValidator完成前端输入验证
2016/09/28 Javascript
JS实现一个简单的日历
2017/02/22 Javascript
vue编译打包本地查看index文件的方法
2018/02/23 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
2019/04/22 Javascript
vue.js中ref及$refs的使用方法解析
2019/10/08 Javascript
webpack常用配置总览(小结)
2019/11/18 Javascript
[04:00]黄浦江畔,再会英雄——完美世界DOTA2 TI9应援视频
2019/07/31 DOTA
python实现的登陆Discuz!论坛通用代码分享
2014/07/11 Python
python将图片文件转换成base64编码的方法
2015/03/14 Python
python执行子进程实现进程间通信的方法
2015/06/02 Python
python简单获取数组元素个数的方法
2015/07/13 Python
Python爬虫库BeautifulSoup的介绍与简单使用实例
2020/01/25 Python
Python爬虫入门有哪些基础知识点
2020/06/02 Python
通过实例了解python__slots__使用方法
2020/09/14 Python
Python中使用Selenium环境安装的方法步骤
2021/02/22 Python
Penhaligon’s英国官网:成立于1870年的英国香水制造商
2021/02/18 全球购物
会话Bean的种类
2013/11/07 面试题
餐饮业会计岗位职责
2013/12/19 职场文书
证婚人搞笑证婚词
2014/01/10 职场文书
优秀团员个人事迹材料
2014/01/29 职场文书
留学生求职信
2014/06/03 职场文书
我心目中的好老师活动方案
2014/08/19 职场文书
学前班学生评语
2014/12/29 职场文书
食堂管理制度范本
2015/08/04 职场文书
严以律己学习心得体会
2016/01/13 职场文书
python数据分析之用sklearn预测糖尿病
2021/04/22 Python
redis 存储对象的方法对比分析
2021/08/02 Redis
MySQL数据库Innodb 引擎实现mvcc锁
2022/05/06 MySQL