常用的jquery鼠标事件_html5回到顶部

常用的jquery鼠标事件_html5回到顶部jQuery-doubleTap是一款非常有用的鼠标双击事件或移动设备的触摸双击事件检测jQuery插件。该插件通过对“click”和“touch”的简单代码优化来实现鼠标双击或触摸双击事件的检测。使用方法要检测双击事件需要在页面中引入jQuery和jquery-doubleTap.js文件。初始化插件jquery-doubleTap.js的实现代码非常简单:首先判断是鼠标点击事件还是触摸点击事件…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

jQuery-doubleTap是一款非常有用的鼠标双击事件或移动设备的触摸双击事件检测jQuery插件。该插件通过对“click”和“touch”的简单代码优化来实现鼠标双击或触摸双击事件的检测。

使用方法

要检测双击事件需要在页面中引入jQuery和jquery-doubleTap.js文件。

初始化插件

jquery-doubleTap.js的实现代码非常简单:首先判断是鼠标点击事件还是触摸点击事件,同时设置一个开关变量active。然后为元素绑定相应的事件(鼠标事件或触摸事件),在事件中判断active是否为true,如果是则执行绑定事件的回调函数,否则在3.5毫秒时间内将active设置为true,这意味着如果用户在3.5毫秒时间内再次按行鼠标或触摸点击,双击事件就会被触发。

(function($) {

$.fn.doubleTap = function(callback) {

var active, interaction;

active = false;

interaction = (“ontouchend” in document) ? “touchend” : “click”;

$(this).on(interaction, function() {

if (active) {

callback();

return active = false;

}

active = true;

setTimeout(function() {

active = false;

}, 350);

});

return this;

};

}(jQuery));

实际使用中可以为DOM元素绑定doubleTap()方法,如果是鼠标双击或触摸双击时执行相应的回调函数代码:

$(selector).doubleTap(function() {

$(selector).css(“background”, “#f00”);

});

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/187253.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • ZXV10 H608B V1.1.04T02_JS激活成功教程

    ZXV10 H608B V1.1.04T02_JS激活成功教程综合了网上各种说法,得出如下方案:一、如果你的路由器还能够用用户名telecomadmin密码nE7jA%5m登陆,那就拔掉电话线直接跳到步骤八二、拔掉路由器的电话线,下载提供的包并解压。三、打开包中

  • 地理加权回归模型步骤_地理加权回归中的拟合度

    地理加权回归模型步骤_地理加权回归中的拟合度目录数据准备加载需要的R包导入空间数据空间自相关分析空间邻域面数据空间邻域点数据空间邻域全局空间自相关局部空间自相关空间回归分析线性回归分析地理加权回归经典的线性回归模型是建立在最小二乘法(OLS模型)基础上对参数进行“平均”或“全局”估计。如果自变量为空间数据,且自变量间存在空间自相关性,传统回归模型(OLS模型)残差项独立的假设将无法满足。地理加权回归(GWR)模型能够反映参数在不同空间的空间非平稳性,使变量间的关系可以随空间位置的变化而变化,其结果更符合客观实际,能反映局部情况。杨晴青,刘倩

  • 在 pycharm中安装pytorch

    在 pycharm中安装pytorch参考文章:在pycharm中安装pytorch:https://blog.csdn.net/weixin_43183872/article/details/83473009torch包在pycharm里面的导入问题:https://blog.csdn.net/qq_31187803/article/details/79601643…

  • “did not call through to super.onResume”问题解决「建议收藏」

    “did not call through to super.onResume”问题解决「建议收藏」1.错误信息:12-2322:47:26.720:W/dalvikvm(3864):threadid=1:threadexitingwithuncaughtexception(group=0x410af9d8)12-2322:47:26.720:E/AndroidRuntime(3864):FATALEXCEPTION:main12-2322:47:26

  • 纯css下拉菜单详解

    纯css下拉菜单详解一级菜单二级菜单二级菜单二级菜单一级菜单二级菜单二级菜单二级菜单下拉菜单由于实用,所以受到人们的欢迎。下拉菜单通常是由javascript来实现的,也应该由javascript来实现,因为这属于行为层范围。然而大家知道,使用CSS的

  • PetaLinux学习笔记 2

    PetaLinux学习笔记 2现在遇到这样一个问题,没有USB,甚至于USB都没有电压输出,检查电路,USB供电是由一个TPS2051BDBV来控制的,这个芯片又是USB3320C来控制的,说明这个芯片没有工作。官方的例子是可以正常工作的。我仔细查看教程,找到了被我忽略掉的一个内核文件:linux-xlnx-xilinx-v2017.4.tar.gz。这个文件既然由官方提供,那一定是有改动在里面的。黑金在打包这个目录的时候,…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号