jquery的trigger和triggerHandler的区别示例介绍

nnj 2014-04-20

trigger 和triggerHandler都是模拟事件发生的 用具体的案例来描述一下区别

代码如下：

<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>test</title> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 

</head> 
<body> 
<input type="checkbox" /> 
<input type="text" id="test"/> 
<input type="button" value="button" id="bnt" onclick="bntClick()"/> 
</body> 

<script> 
$( document ).ready(function() { 
$("input[type='checkbox']").bind("click",function(){ 
$("#test").val("www.baidu.com"); 
}); 
}); 

function bntClick(){ 
$("input[type='checkbox']").trigger("click"); 
} 
</script> 
</html>

当点击 checkbox的时候 checkbox勾上 并将input[type='text']赋值www.baidu.com

当点击 input[type='button'] 的时候 就会发生跟点击checkbox同样的事情

将trigger换成triggerHandler时候 当点击 input[type='button'] 的时候 就只会给input[type='text']赋值 而不会勾选checkbox

triggerHandler 阻止了 绑定事件的元素的默认行为
nnj

nnj

相关推荐

jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析

最近在工作中做需求时发现了一个诡异的事情，在使用jQuery触发事件时，并不总是先执行默认行为，再执行绑定的事件行为，有时候可能是相反的顺序。于是上网查找了下资料，还真有个外国哥们和我遇到同一个问题！整理下笔记先~ ~那这里说的“有些时候”到底是什么时候呢

Chriswang / 0评论 2020-04-30

219 jQuery事件处理： off() 解绑事件，trigger() 、triggerHandler() 自动触发事件

当某个事件上面的逻辑，在特定需求下不需要的时候，可以把该事件上的逻辑移除，这个过程我们称为事件解绑。jQuery 为我们提供 了多种事件解绑方法：die() / undelegate() / off() 等，甚至还有只触发一次的事件绑定方法 one()，在

donghongbz / 0评论 2020-01-18

Auto Trigger Jenkins Jobs

First is a little stupid that trigger frequently by 5 *. Second to trigger by git hooks, call curl to trigger job

leonranri / 0评论 2016-12-09

转 How to Trigger Class based workflow

This explains a simple scenario to trigger Class based Workflow from program.Go to SE24 transaction and create a class with ZCL_

workflow / 0评论 2013-08-15

xdebug进行性能分析

PHP昨天网站出现了性能问题，使用了xdebug进行性能分析，效果不错。xdebug会生产分析日志，ubuntu下面可以用kcachegrind对日志进行分析。

stingfire / 0评论 2012-05-16

Jenkins trigger schedule cron

可用crontab-e命令来编辑，编辑的是/var/spool/cron下对应用户的cron文件，也可以直接修改/etc/crontab文件。在这些字段里，除了“Command”是必须指定的字段以外，其它字段皆为可选。对于不指定的字段，要用“*”来填补其位

itwxming / 0评论 2015-09-02

聊聊storm的window trigger

public void prepare(Map stormConf, TopologyContext context, TridentContext tridentContext) {. if (parents.size() != 1) {. throw

周健华 / 0评论 2019-06-28

JQUERY triggerHandler 与trigger的区别

* 第一，他不会触发浏览器默认事件。* 第二，只触发jQuery对象集合中第一个元素的事件处理函数。* 第三，这个方法的返回的是事件处理函数的返回值，而不是据有可链性的jQuery对象。

donghongbz / 0评论 2011-10-12

jQuery中 trigger() 使用心得

触发事件就是 类似于点击click, mouseover, keydown 等有动作的js事件，简单的说就是一个动作，可能有人会问，那show, hide 是不是?var div = $; //你的按钮。div.click(function() { ale

去山中嘘嘘 / 0评论 2015-01-21

antd源码解读（二）Tooltip组件解析

引言antd的Tooltip组件在react-componment/trigger的基础上进行封装，而组件Popover和Popconfirm是使用Tooltip组件的进行pop，在react-componment中，使用到组件tc-trigger的还有m

Awara / 0评论 2019-06-27

jquery学习之trigger解析

trigger在页面加载时执行，可以自定义事件，并传递参数。咱们一步步的来了解trigger。}).trigger;3.不仅如此，trigger还支持传递参数和自定义事件名称，为事件解绑定做足了准备

小肖 / 0评论 2014-05-19

spring读书笔记----Quartz Trigger JobStore出错解决

经过测试发现，在不使用hibernate的时候只有spring的测试环境情况下一切正常。而放到工作环境的时候就发生错误。因此怀疑是datasource的问题。其实也可以不独立将quartz的transaction也交给spring一同处理也可以的。-- 事

mxcsdn / 0评论 2010-10-20

向zepto.js学习如何手动(trigger)触发DOM事件

前言前端在最近几年实在火爆异常，vue、react、angular各路框架层出不穷，咱们要是不知道个双向数据绑定，不晓得啥是虚拟DOM，也许就被鄙视了。最近一直在看zepto的源码，希望通过学习它掌握一些框架设计的技巧，也将很久不再拾起的js基础重新温习巩

adeyi / 0评论 2019-06-21

Spring Quartz动态配置时间

我将时间规则存入数据库中，目的是为了生成历史日志，也可以存入XML文件中。当然您也可以省略此步，直接将转换后的规则放入相应的Quartztrigger中。到了关键的一步了，也是最简单的一步，一个方法就可以实现了。首先，我们需要通过trigger的名称得到一

咸鱼 / 0评论 2012-10-28

关于spring定时器一次调用却触发了两次trigger的问题分析

定在一个时间点触发一个方法,但是这个方法却被调用了两次.仔细检查了程序,没有多次触发,没有启动多个tomcat,没有检查出什么问题.后来在网上看到了高手的一个帖子发现原来原因是这样的：。这种情况一般都是编译器自动添加路径造成的,比如用eclipse编译,发

greensomnuss / 0评论 2012-10-09

jQuery事件模型之默认行为执行顺序，以及trigger()与 triggerHandler()比较

于是上网查找了下资料，还真有个外国哥们和我遇到同一个问题！整理下笔记先~ ~那这里说的“有些时候”到底是什么时候呢？</html>说明：页面中有2个元素，一个是 input 元素，一个是button 元素，并分别绑定了click 事件。那么如果

Gcalolin / 0评论 2019-06-20

用jquery的click或者trigger("click")模拟文件域点击不好使。

<input type="file" style="border:1px solid blue;color:red;background:green;font:bold 12px '隶书';height:18px;wid

愚盦 / 0评论 2011-05-24

css与attr、trigger()与toggle()的区别

<select multiple="multiple" class="content" id="select2" style="width: 100px; font-size:12

每天积累一点点 / 0评论 2011-03-08

quartz 2.2.x 源码学习 基本执行流程分析

quartz 官网中给出了一些基本概念，请先阅读官网相关概念。下面对最简单的一个任务调度工作进行分析，下面的代码每隔三秒中不断重复执行任务SimpleJob。quartz 执行任务可以总结为创建JobDetail描述待执行任务,创建Trigger描述什么时

Lucianoesu / 0评论 2018-10-27

MySQL数据库使用trigger更新中间表

一些count类的查询，在很频繁时，一般不直接使用原表，二是使用trigger更新到中间表上，直接使用中间表获得查询结果。只有insert与update操作。

MySQL / 0评论 2018-09-24

MySQL学习笔记—触发程序

MySQL学习笔记—触发程序触发程序是与表有关的命名数据库对象，当表上发生特定事件时，将触发执行相应的触发程序。不能将触发程序与TEMPORARY表或视图关联起来。trigger_time是触发程序的动作时间。trigger_event指明了激活触发程序的

hck0ne / 0评论 2016-10-24

基于jquery trigger函数无法触发a标签的两种解决方法

对目标 a 标签内部新增一个 span 标签 ，然后给 span 标签绑定 trigger 事件。将 $ 转换为 JS 对象，然后触发 click 事件。

87407607 / 0评论 2018-01-06

MysSQL&MariaDB用trigger调用shell

在mysql的触发器中执行一个外部程序。

ZJX / 0评论 2014-11-06

Linux内核LED模块分析

我后面就选了LED模块分析，LED模块分析不算难，但要说清楚其实还是很挑战的。今天俺的文章被推荐到首页了。我的文章虽然不登大雅之堂，但只要能给到大家一起指点，哪怕就一点点我就心满意足了。好了，闲话不多说了，开始我们的linux内核之旅吧。这一节是应群里几位

安得情怀似旧时 / 0评论 2011-04-29

Oracle触发器(trigger):view,schema,database

视图trigger, instead of我们知道如果一个view只是由一个table构成,那在view上做啥操作没太多限制.如果view是由多个table组成那在view上做啥unpdate,insert,delete都会出错.但有时又确实要做这些操作该

oraclestudyroad / 0评论 2013-06-27

jQuery中值得注意的trigger方法浅析

trigger方法的功能是在所选择的元素上触发指定类型的事件,其调用的语法格式为:trigger ,其中参数type为触发事件的类型，参数data为可选项，表示在触发事件时,传递给函数的附件参数.有时，不需要进行操作，也想模拟用户操作达到某些效果。比如在用

zhaoxinglei00 / 0评论 2016-12-12

jQuery中的trigger()和preventDefault()方法

<body><form name="login"> <input type="text" id="username"><br/> <input

人心 / 0评论 2014-11-09

jquery trigger函数执行两次的解决方法

本文实例讲述了jquery trigger函数执行两次的解决方法。分享给大家供大家参考，具体如下：。body { font-size: 13px; line-height: 130%; padding: 60px; }. });在火狐只触发一次，即输出一个

xian / 0评论 2016-02-29

jquery trigger实现联动的方法

本文实例讲述了jquery trigger实现联动的方法。分享给大家供大家参考，具体如下：。<input type="button" value="设置成湖北襄阳" onclick="test()&q

ouou00 / 0评论 2016-02-29

jQuery中trigger()与bind()用法分析

本文实例讲述了jQuery中 trigger()与bind()用法。分享给大家供大家参考，具体如下：。在每一个匹配的元素上触发某类事件。这个方法是jQuery 1.3中新增的一个引起触发事件的函数。这里的事件就如jQuery的帮助文档中的事件那一栏，如：c

CeiWCJ / 0评论 2015-12-18

jQuery如何使用自动触发事件trigger

有时候，需要通过模拟用户操作，来达到点击的效果，例如用户进入页面后 就触发click事件，而无需主动点击。</body>实现效果为'点击1'页面上将显示x1 ,'点击2'页面上显示x2 …trigger()方法不仅能触发浏览器支持的具有相同名称

YUYISHARE / 0评论 2015-11-29

jQuery实现鼠标滑过点击事件音效试听

废话不多说了，直接看效果图吧。

81971235 / 0评论 2019-04-22

显示连接Oracle数据库的客户端IP地址

2、利用v$session视图的client_info列可以看到新登录的客户端IP地址。

AC即性感 / 0评论 2012-07-11

jquery中trigger()无法触发hover事件的解决方法

今天做一个项目，遇到了一个问题，是以前没有遇到过的，就此记上一笔。Description: Execute all handlers and behaviors attached to the matched elements for the given

草莓酱 / 0评论 2019-04-21

jQuery trigger()方法用法介绍

jQuery的trigger()方法用法介绍:此方法可以触发匹配元素上指定类型的事件。它具有两种语法格式，下面就分别做一下介绍。</html>在上面的代码中，为文本框注册了select事件处理函数，当选中文本框中的文本的时候，里面的文字就会变为

87407607 / 0评论 2019-04-19

jquery trigger伪造a标签的click事件取代window.open方法

'<div class="f-h32">您已经成功发送好友申请。' <p class="c999">上传真实头像，好友申请更容易被通过哦，赶紧上传头像吧！

80991930 / 0评论 2019-04-18

MySQL的trigger和oracle的trigger的区别

MySQL的trigger是仅仅statement激活，不能对同一table的同一个event写两个trigger, 同一个event是指create trigger 中的trigger_time+trigger_event. trigger不会因为某些表

Oraclezcy / 0评论 2011-06-10

SQL Server中使用Trigger监控存储过程更改脚本实例

下面的Trigger用于监控存储过程的更改。

zhangdonghang / 0评论 2019-04-08

Oracle数字类型number自增的实现代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：

罗罗 / 0评论 2019-04-07

PHP函数之trigger_error

在程序开发中，如果我们编码不规范，比如调用不存在的变量、语法错误、少了个逗号，这些都会引起系统报错并进行提示，但是今天，突然发现PHP还有这样一个函数，用于自动触发一个报错提示，并且会将报错信息写入php日志，简单直接。说明bool trigger_err

稀土 / 0评论 2017-12-26