2025年3月22日 星期六 甲辰(龙)年 月廿一 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

jQuery 中 trigger() 方法触发被选元素的指定事件类型

时间:12-14来源:作者:点击数:24

trigger() 触发事件就是类似于点击 click mouseover keydown 等有动作的 JavaScript 事件,简单的说就是一个动作,可能有人会问,那 show hide 是不是可以触发,答案是不能。

jQuery 中 trigger() 方法触发被选元素的指定事件类型

你给一个按钮添加了一个 click 点击事件,弹出提示框,代码如下:

  • var div = $("#mybutton"); //你的按钮。
  • div.click(function() {
  • alert('谁让你点的,谁允许你点的。点你妹呀');
  • });

上面的代码就是一个按钮的 click 事件。这个时候你有个非分的要求,就是希望页面刷新的时候就点一下这个按钮。如果不用 trigger() 你可以在后面这样写:

  • div.click();

如果用 trigger(),你就要写成下面这样,效果跟上面这句是一样,就是稍微长点。

  • div.trigger("click");

你用手册里的索引搜一下 click 可以看到两条结果 click() 和 click(fn),然后搜一下 trigger 发现只有一个 trigger(type, [data])

然后你知道我的意思了吧。一个 trigger 是可以传参数进去。

我们看看手册里的 trigger 例子:

  • $("p").click( function (event, a, b) {
  • // 一个普通的点击事件时,a和b是undefined类型
  • // 如果用下面的语句触发,那么a指向"foo",而b指向"bar"
  • } ).trigger("click", ["foo", "bar"]);

如果用 click 的话,它不能带参数,用 trigger 的话,就能带参数。

  • $(function() {
  • var div = $("#mybutton"); //你的按钮。
  • div.click(function(e,text) {
  • var text = text || '你是猪啊,~让你点,你就点?';
  • alert(text);
  • });
  • div.trigger("click","您好,请点击按钮");
  • });

下面的代码可以显示一个 Hello World 的  jQuery  代码:

  • $("p").bind("myEvent", function (event, message1, message2) {
  • alert(message1 + ' ' + message2);
  • });
  • $("p").trigger("myEvent", ["Hello","World!"]);
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐