模拟点击事件php,jquery模拟点击事件

本文介绍了如何利用jQuery的trigger方法来模拟点击事件,以实现页面加载时显示特定tab的效果。同时,讲解了triggerHandler方法的区别,它只执行绑定的事件而不触发浏览器默认行为,例如在input上应用focus事件时,不会使input获取焦点。通过示例代码,展示了自定义事件的创建和触发,以及如何避免执行浏览器默认事件。
摘要由CSDN通过智能技术生成

在某些情况下,我们需要自动执行一些点击事件。比如:一些 tab 一般是通过点击事件来加载不同的数据内容。

而如果要页面加载完直接显示第三个 tab,怎么办呢?此时就需要用到 jQuery 的模拟点击事件。

要用到 jQuery 的 trigger 方法。 如:

$('#btn').trigger("click");

会自动执行 id 为 btn 的 click 事件。还可以写成:

$('#btn').click();

trigger() 方法不仅可以触发浏览器支持的同名事件,还可以支持自定义事件。如下:

$('#btn').bind("myClick", function(){

$('#test').append("

我的自定义事件.

");

});

绑定一个 myClick 自定义事件。

可以通过:

$('#btn').trigger("myClick");

来触发模拟点击。

trigger() 方法会触发浏览器的默认事件。如下,不仅会执行用户绑定的focus事件,还会执行浏览器的默认focus 事件,使 input 获取焦点。

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

如果只想执行用户绑定的 focus 事件,而不执行浏览器的默认事件,则可以通过 jQuery 的另外一个方法。triggerHandler() 来实现。

$("input").triggerHandler("focus");

此方法,只会执行绑定的 focus 事件,而取消 浏览器的默认事件。即,只执行focus事件,input 框不会获取焦点。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值