文档章节

JS 判断鼠标长按 实例

HJCui
 HJCui
发布于 2016/08/03 17:33
字数 204
阅读 225
收藏 0
<!DOCTYPE HTML>
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>鼠标长按</title> 
    </head>
    <body>
        <input type="button" onmousedown="holdDown()" onmouseup="holdUp()" value="鼠标长按"/>
        <script type="text/javascript">  
            var timeStart,timeEnd,time;//申明全局变量
            
            function getTimeNow()//获取此刻时间
            {
                var now=new Date();
                return now.getTime();
            }
            function holdDown()//鼠标按下时触发
            {
                timeStart=getTimeNow();//获取鼠标按下时的时间
                time=setInterval(function()//setInterval会每100毫秒执行一次
                {
                    timeEnd=getTimeNow();//也就是每100毫秒获取一次时间
                    if(timeEnd-timeStart>1000)//如果此时检测到的时间与第一次获取的时间差有1000毫秒
                    {
                        clearInterval(time);//便不再继续重复此函数 (clearInterval取消周期性执行)
                    alert("长按");//并弹出代码
                    }
                },100);
            }
            function holdUp()
            {
                clearInterval(time);//如果按下时间不到1000毫秒便弹起,
            }
        </script> 
    </body>
</html>

 

© 著作权归作者所有

HJCui
粉丝 10
博文 129
码字总数 87331
作品 0
朝阳
程序员
私信 提问
用CSS3制作50个超棒动画效果教程

CSS3为我们带来了令人惊叹的新特性,而最有趣的就是CSS动画。今天彬Go向大家推荐这50个CSS动画集合可以让你通过使用JavaScript函数来让动画更生动。为了能够预览到这些惊人的CSS3技术带来的动...

鉴客
2010/08/12
7.7K
1
JS原生系列-DOM篇(扩展)

继续DOM的研究工作,我们扩展对dom api的学习! 1.介绍针对低级浏览器,能力的监测处理: 2.针对移动端,touch事件的介绍: 3.最后做几个网页实例! 4.ajax的介绍:ajax输出json格式文件 js...

透笔度
2015/08/08
171
0
js怎么监听鼠标长按事件?

就是我鼠标长按不放,事件就一直触发。 打个比方:我按一个按钮,点一下输入框里的数字+1,点着不放,数字就一直向上+。 求js大神解答。急....

Mercy_丶
2016/07/01
3.9K
2
IE与Firefox的几个javascript兼容问题及解决

项目中遇到的问题 javascript动态创建页面元素 代码: var hName=document.createElement("<input type='hidden' name='midNames'>"); ie下能正常执行,Firefox下执行不了 解决办法: var h ......

Leonard207
2013/03/13
236
0
JavaScript定时机制setTimeout与setInterval研究

容易欺骗别人感情的JavaScript定时器 本文转自:爱微网 JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都...

西西爱OS
2012/10/25
93
0

没有更多内容

加载失败,请刷新页面

加载更多

Android实现App版本自动更新

现在很多的App中都会有一个检查版本的功能。例如斗鱼TV App的设置界面下: 当我们点击检查更新的时候,就会向服务器发起版本检测的请求。一般的处理方式是:服务器返回的App版本与当前手机安...

shzwork
31分钟前
39
0
npm 发布webpack插件 webpack-html-cdn-plugin

初始化一个项目 npm init 切换到npm源 淘宝 npm config set registry https://registry.npm.taobao.org npm npm config set registry http://registry.npmjs.org 登录 npm login 登录状态......

阿豪boy
38分钟前
67
0
java基础(16)递归

一.说明 递归:方法内调用自己 public static void run1(){ //递归 run1(); } 二.入门: 三.执行流程: 四.无限循环:经常用 无限递归不要轻易使用,无限递归的终点是:栈内存溢出错误 五.递...

煌sir
43分钟前
49
0
REST接口设计规范总结

URI格式规范 URI中尽量使用连字符”-“代替下划线”_”的使用 URI中统一使用小写字母 URI中不要包含文件(脚本)的扩展名 URI命名规范 文档(Document)类型的资源用名词(短语)单数命名 集合(Co...

Treize
今天
65
0
CentOS-配置YUM源加速(阿里云、Nexus3)

备份本地源 mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup 配置CentOS6 $ wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/......

-自由人生-
今天
92
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部