我的编程空间,编程开发者的网络收藏夹
学习永远不晚

jQuery 三击事件实现代码

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

jQuery 三击事件实现代码

直接给出代码如下:

复制代码 代码如下:

jQuery.event.special.tripleclick = {
    setup: function(data, namespaces) {
        var elem = this, $elem = jQuery(elem);
        $elem.bind('click', jQuery.event.special.tripleclick.handler);
    },

    teardown: function(namespaces) {
        var elem = this, $elem = jQuery(elem);
        $elem.unbind('click', jQuery.event.special.tripleclick.handler);
    },

    handler: function(event) {
        var elem = this, $elem = jQuery(elem), clicks = $elem.data('clicks') || 0;
        clicks += 1;
        if ( clicks === 3 ) {
            clicks = 0;
            // set event type to "tripleclick"
            event.type = "tripleclick";
            // let jQuery handle the triggering of "tripleclick" event handlers
            jQuery.event.handle.apply(this, arguments)
        }
        $elem.data('clicks', clicks);
    }
};



调用时:

复制代码 代码如下:

$('#div').bind('tripleclick', function (event) {
    //do something
});

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

jQuery 三击事件实现代码

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

jQuery 三击事件实现代码

jQuery 中自带有双击事件,那么当需要三击某对象执行某个事件时怎么办呢?今天就让我们看看一段 jQuery 三击事件代码
2022-11-15

jQuery鼠标点击事件怎么实现

可以使用 jQuery 的 click() 方法来实现鼠标点击事件。例如,假设有一个按钮的 HTML 代码如下:``````那么可以使用以下 jQuery 代码来实现鼠标点击事件:```$("#myButton").click(functi
2023-05-29

jQuery为iframe的body添加click事件的实现代码

jQuery为iframe的body添加click事件的实现代码,需要的朋友可以参考下。
2022-11-21

三种Android单击事件onclick的实现方法

onclick事件的定义方法,分为三种,分别为在xml中进行指定方法;在Actitivy中new出一个OnClickListenner();实现OnClickListener接口三种方式。 代码分别如下: 1. xml指定onclick事件
2022-06-06

jQuery实现点击切换验证码

随着互联网的快速发展,验证码已经成为了不可或缺的一环。无论是注册、登录还是提交订单等,都需要我们输入正确的验证码才能继续操作。而现在的验证码已经不再是那些简单的数字或字母了,更多的是带有图片、滑块等交互的复杂验证码。在网站开发中,实现验证码的功能也成为了必不可少的一部分。然而,有些网站的验证码过于复杂,而且还需要不断刷新,这对用户来说无疑是一个很大的打击。那么,如何在实现验证码
2023-05-14

Vue3实现自定义指令拦截点击事件的示例代码

某些应用场景会给点击事件添加权限,不存在权限就拦截点击事件,有权限就继续正常触发点击事件。这样的效果是如何实现的呢,本文就来和大家详细讲讲
2023-02-13

jquery插件怎么实现代码雨特效

这篇文章将为大家详细讲解有关jquery插件怎么实现代码雨特效,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。jquery是什么jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短
2023-06-14

jQuery组件easyui基本布局实现代码

以下是一个使用easyui实现基本布局的示例代码:Header
2023-08-16

jquery mobile事件多次绑定示例代码

这种绑定方法会在整个document每pageinit一次,就对xxx进行的某一事件进行绑定,而pageinit事件什么时候会触发,感兴趣的朋友可以了解下
2022-11-15

编程热搜

目录