trigger()方法触发指定类型事件

trigger()功能表示当页面dom加载完成后,自动执行一些操作。

语法:trigger(type,[data]);

参数说明:

  type:触发事件的类型。

  data:触发事件传递给函数附加参数。

案例:
  $(function(){

    $("btn").bind("click",function(){

      $("input").trigger("select");

    });

  })

总结:使用trigger()自动触发事件固然方便,但是有时候,我们并不想自动触发某些默认的行为,那么就可以使用triggerhandle进行加载,该方法与trigger方法其实没有什么不同,但是该方法并不会自动触发其包含的事件。

一下是w3chool对两个方法之间的区别:

定义和用法

triggerHandler() 方法触发被选元素的指定事件类型。但不会执行浏览器默认动作,也不会产生事件冒泡。

triggerHandler() 方法与 trigger() 方法类似。不同的是它不会触发事件(比如表单提交)的默认行为,而且只影响第一个匹配元素。

与 trigger() 方法相比的不同之处

  • 它不会引起事件(比如表单提交)的默认行为

  • .trigger() 会操作 jQuery 对象匹配的所有元素,而 .triggerHandler() 只影响第一个匹配元素。

  • 由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡;如果目标元素不直接处理它们,则不会发生任何事情。

  • 该方法的返回的是事件处理函数的返回值,而不是具有可链性的 jQuery 对象。此外,如果没有处理程序被触发,则这个方法返回 undefined。

时间: 2024-10-23 12:38:36

trigger()方法触发指定类型事件的相关文章

16.调用trigger()方法手动触发指定的事件

trigger()方法可以直接手动触发元素指定的事件,这些事件可以是元素自带事件,也可以是自定义的事件,总之,该事件必须能执行,它的调用格式为: $(selector).trigger(event) 其中event参数为需要手动触发的事件名称. 例如,当页面加载时,手动触发文本输入框的“select”事件,使文本框的默认值处于全部被选中的状态,如下图所示: 在浏览器中显示的效果: 从图中可以看出,由于文本输入框调用trigger()方法触发了“select”事件,因此,当页面加载完成后,文本框中

js通过keyCode值判断单击键盘上某个键,然后触发指定的事件

当单击按键时触发事件 document.onkeydown = function (e) { e = e || event; if (e.keyCode == 13) {  //判断是否单击的enter按键(回车键) document.getElementByIdx_x_x("txtid").click(); return false; } } 解释:keycode的值表示对应键盘的那个键 keycode     8 = BackSpace BackSpacekeycode     9

除trigger()方法外的jquery手动触发事件

trigger()可以触发指定事件是大家基本都知道的了. 除了trigger()之外我们也可以这样来触发: html 1 <div id="box" style="height: 100px; width: 100px; background: #ff0000;"></div> javascript 1 $(function(){ 2 $('#box').click(function(){ 3 alert(11111); 4 }); 5 6

jQ的select事件和trigger方法的小冲突

方法和事件都不难理解,分开用也都没问题,但是一起用就有些小问题出现. 直接上结论:使用trigger方法触发一个文本类型的 input 元素的select事件时,chrome浏览器会错误的触发三次,firefox和ie11只会正常触发一次 解决办法也简单,把trigger换成triggerHandler()即可. 网上搜了下,有说是trigger()的方法的问题,有说是冒泡问题的,有说是select触发机制的问题. 然而这些并没有说服我,填补不了好奇心,所以找不到答案就自己尝试 <html>

jQuery 事件 - trigger() 方法 和 triggerHandler() 方法

trigger() 方法触发被选元素的指定事件类型. triggerHandler() 方法触发被选元素的指定事件类型.但不会执行浏览器默认动作,也不会产生事件冒泡. triggerHandler() 方法与 trigger() 方法类似.不同的是它不会触发事件(比如表单提交)的默认行为,而且只影响第一个匹配元素. 不同之处: 它不会引起事件(比如表单提交)的默认行为 .trigger() 会操作 jQuery 对象匹配的所有元素,而 .triggerHandler() 只影响第一个匹配元素.

jQuery绑定以及解除时间方法总结,以及事件触发的方法

 一   off()和on()          $("obj").on(event,[sesect],[data],fn);一般情况下参数只有两个,事件以及事件的处理函数          off() 方法移除用.on()绑定的事件处理程序,如$("p").off("click","");   二  die()和live()        $("obj").live(type,[date],fn),$(&

Jquery的toggle()与trigger()方法

我一直分不清楚toggle()与trigger()两个各自的作用,所以今天抽时间记录一些,以加深印象. 1.toggle() 定义和用法: toggle() 方法切换元素的可见状态.如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素. 语法:$("元素Id").toggle(speed,callback,switch); 参数 描述 speed 可选.规定元素从可见到隐藏的速度(或者相反).默认为 "0". 可能的值: 毫秒 (比如 1500) &q

使用jQuery中trigger()方法自动触发事件

一.常用事件 在页面加载完成时  自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点 $("input").trigger("click").focus(); 还有一种简写方式: $("input").click(); 还有其它事件就不一一列出了. 二.自定义事件 $("#btn").on("myClick",function(){ alert("自定义事件"); }

asp.net中TextBox里面实现回车触发指定事件

原文:asp.net中TextBox里面实现回车触发指定事件 我在一个user_top用户控件里面做了个包括搜索的功能.然后再一个页面中添加这个用户控件.浏览时候在textbox里面输入搜索内容后.下意识的摁了回车.谁知道报错了.因为页面回发.我在page_load里面写了!IsPostBack{...}所以导致了未将对象引入对象实例.网上搜了下. 方法一: <asp:Panel ID="panSearch" runat="server" DefaultBut