鼠标按住不放开时执行一个函数

最新推荐文章于 2024-08-02 19:49:29 发布

ViVAJoy2008

最新推荐文章于 2024-08-02 19:49:29 发布

阅读量363

点赞数

分类专栏： JavaScript 文章标签： JavaScript ViewUI

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个简单的JavaScript示例，演示了如何在网页上实现鼠标按下的时候触发一个函数，持续显示文本，并在鼠标释放时停止。通过设置定时器来模拟持续性的动作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

鼠标按住不放开时执行一个函数，放开就取消,代码如下：


<SCRIPT LANGUAGE="JavaScript">
  <!--
 var iTimerA; //定时器ID
 function a(){
  //往DIV里添加内容 - 显示效果
  document.getElementById('t1').innerHTML += "down."; 
 }
//在页面载入完成后执行鼠标事件的绑定
 window.onload = function(){
  document.onmousedown=function(){
   iTimerA = window.setInterval(a, 1000); //鼠示按下时执行a函数
  }
  document.onmouseup=function(){
   window.clearInterval(iTimerA); //鼠标弹起时停止定时器的动作
  }
 }
  //-->
  </SCRIPT>
  <div id="t1" ></div>