长按鼠标事件js

最新推荐文章于 2023-12-02 14:53:18 发布
最新推荐文章于 2023-12-02 14:53:18 发布
阅读量963 收藏
点赞数
分类专栏： JS Web
JS 同时被 2 个专栏收录
21 篇文章 0 订阅
订阅专栏
Web
18 篇文章 0 订阅
订阅专栏 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标长按</title>
</head>
<body>
<input type="button" value="鼠标长按" class="lognPress" />
长按时间：<span class="time">0</span> 秒
<script type="text/javascript" src="http://www.chenfahui.cn/ziliao/js/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
    $(".lognPress").mousedown(function(){
        var i = 0;
        var _this = $(this);
        timer = setInterval(function(){
            i+=10;
            if(i >= 1000){
                i = 0;
                lognPress();
            }
        },10)
    }).mouseup(function(){clearTimeout(timer);});
})
var time = 0;
function lognPress(){
    time++;
    $(".time").html(time);
}
</script>
</html>
I-Sky
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
长按鼠标粒子穿越HTML5特效
04-25
长按鼠标粒子穿越HTML5特效是一款酷炫的太空月球穿越粒子动画特效。
jQ长按鼠标左键弹出菜单.zip
07-04
jQ长按鼠标左键弹出菜单是一款基于jquery实现的长按鼠标左键弹出快捷菜单代码。
JS实现长按事件功能
热门推荐
qq_44849271的博客
04-17 1万+
长按点击功能主要用到的是onmousedown、onmouseup、setTimeout()、clearTimeout()事件 移动端中则是ontouchstart、ontouchend
vue中鼠标长按事件（或鼠标按下、鼠标离开事件）
qq_42318977的博客
09-21 1万+
vue中鼠标长按事件（或鼠标按下、鼠标离开事件）
vue3+ts一个按钮同时配置鼠标长按事件和点击事件
最新发布
wtd183833501176的博客
12-02 1142
vue3+ts一个按钮同时配置鼠标长按事件和点击事件
JS 中实现鼠标长按连续触发
UserGuan的博客
07-29 1707
【代码】JS 中实现鼠标长按连续触发。
JavaScript-长按及鼠标事件
火星男孩的分享空间
03-09 1万+
一、判断鼠标左右键：<html> <head> <title>js判断鼠标左、中、右键哪个被点击</title> <script type="text/javascript"> function whichButton(event) { var btnNum = event.button; console.log("eve
JavaScript长按鼠标左键弹出快捷菜单效果代码
05-19
JavaScript长按鼠标左键弹出快捷菜单效果代码，兼容主流浏览器
jQ长按鼠标左键弹出菜单 jQuery长按鼠标左键弹出快捷菜单代码.zip
11-24
jQ长按鼠标左键弹出菜单 jQuery长按鼠标左键弹出快捷菜单代码.zip
js银河特效，点击变换颜色，滑轮滚动放缩大小，鼠标长按拖动翻转，优秀源代码
02-18
js银河特效，点击变换颜色，滑轮滚动放缩大小，鼠标长按拖动翻转，优秀源代码 js银河特效，点击变换颜色，滑轮滚动放缩大小，鼠标长按拖动翻转，优秀源代码 js银河特效，点击变换颜色，滑轮滚动放缩大小，鼠标长按...
定义一个用于处理移动端单击双击长按滑动等事件的函数
01-08
function touch(elem,type,handler){ var types=['click','dbclick','press','slider']; var index=-1;//用于判断type是否合法 for(var i=0;i10||Math.abs(point.changeY)>10){ point.ismove=true; } }) elem.addEventListener('touchend',function
原生js实现鼠标长按事件
TianXuab的博客
06-28 1502
【代码】原生js实现鼠标长按事件。
Qt鼠标单击与长按
lfnlook的博客
05-17 1380
在Qt中，可以通过重载QWidget的mousePressEvent()、mouseReleaseEvent()和mouseMoveEvent()等事件来实现对鼠标事件的处理。判断鼠标是长按还是点击，可以通过记录鼠标按下的时间和释放的时间，通过两个事件的时间差来判断。以下是一个实现鼠标长按判断的示例代码。我们通过记录鼠标按下的时间m_pressTime，然后在鼠标释放的事件中计算时间差elapsed，如果时间差超过1秒，则判断为长按，否则判断为点击。
鼠标单击和长按事件
m0_66911948的博客
07-31 279
鼠标单击触发事件效果，单击结束触发结束效果。鼠标长按触发不间断的事件效果，长按结束触发结束效果。
pc端鼠标长按 事件
业余前端的职业经历
07-23 1259
我们这个 可以通过 mousedown 和 mouseup 进行模拟呢 只要 按住鼠标的时间超过 一秒 就算是长按了 <div id="test"></div> <script> var timer = null, test = document.querySelector('#test'); test.addEventListener('mousedown', function() { timer = setT
前端 JavaScript -- 键盘按下松开事件
风不知从何处起的小屋
02-13 1893
实现的主要功能：判断按下了哪个按键，可以实现部分内容输入文本框不显示通过判断按下键来条件输出return false； 所有的注释都在html中，解释的很详细，我就不再一一解释 注：这里我用的js是ES6 定义变量时采用let ES6以下替换为var即可 判断键盘按下的是哪个键 <script> window.onload = function () { /** * 键盘事件不能绑定div，一般绑定给容易获取焦点的对象 eg：input
Simple WPF: 自定义事件实现长按短按
Mr.Chip的博客
11-23 2008
前言 之前新开了Simple WPF专栏来记录博主WPF学习过程中的一些内容。本片博文上接第一篇博文Simple WPF: 自定义按钮外观，实现了一个自定义长短按事件的按钮。 Github项目更新地址：https://github.com/mrchipset/simple-wpf.git 功能需求和实现 能够响应长短按 能够响应长按松开事件 能够在xaml文件中绑定路由事件 根据上述的需求呢，我们需要新建一个LongPressButton的C#类继承Button，而不是在xaml事件参数中绑定M
鼠标的长按与点击事件
qq_44753121的博客
11-17 2010
鼠标的长按与点击事件js实现鼠标的长按与点击分别实现不同的事件。代码 js实现鼠标的长按与点击分别实现不同的事件。 设置延时函数setTimeout()区分点击操作或者长按操作 长按时鼠标的按下与抬起分别实现长按事件的开始与结束 比如录音操作的开始录音与结束录音。 代码 去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片. // 鼠标点击事件 var timeOutEvent=0; $(document).ready(function(){ $("#touchArea").o
使用js实现长按监听
qq_61233877的博客
05-19 4288
使用js实现长按监听
手动封装vue2长按事件
05-26
在 Vue2 中，我们可以通过自定义指令来实现长按事件的功能。以下是一个简单的示例： 1. 创建一个名为`v-longpress`的自定义指令。 ```javascript Vue.directive('longpress', { bind: function (el, binding, ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值