用鼠标按下事件和鼠标松开事件实现长按事件

用鼠标按下事件和鼠标松开事件实现长按事件

我这次要分享的是，用鼠标按下事件（onmousedown）和鼠标松开事件（onmouseup）实现长按事件，在这个长按事件里面我让它实现让数值自增的功能。首先我们要准备一个按钮和一个文本框，按钮用来点击，文本框用来显示数据。给按钮一个鼠标鼠标按下事件（onmousedown）方法名为Start()和鼠标松开事件（onmouseup）方法名为End()，给文本框一个id为Number方便我们获取它和给它赋一个初始值0，HTML部分的代码准备完毕。
HTML代码截图：

然后开始写JS部分的代码，首先声明一个全局变量time这个后面用来接收定时器的，然后开始写鼠标按下事件，声明一个Number用来接收文本框的值，然后用time来结算定时器让它100毫秒执行一次，执行的代码是让Number自增，然后赋值给文本框。最后再写鼠标松开事件，让鼠标松开时把定时器移除掉，这样就实现了长按效果。
JS代码如下：

效果截图：
没长按前：

长按后：