js鼠标单击和双击事件

最新推荐文章于 2022-07-01 21:46:31 发布

三尺秋水一点飞鸿

最新推荐文章于 2022-07-01 21:46:31 发布

阅读量8.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：笔记 js H5

本文链接：https://blog.youkuaiyun.com/qq_42467563/article/details/83187830

练习同时被 3 个专栏收录

201 篇文章

订阅专栏

笔记

185 篇文章

订阅专栏

59 篇文章

订阅专栏

这篇博客介绍了如何在JavaScript中实现鼠标单击(onclick)和双击(ondblclick)事件。通过示例代码展示了如何改变元素背景颜色，当单击绿色的div时，其背景颜色变为红色；而双击蓝色的div时，背景颜色变为黄色。

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

onclick：单击
ondblclick：双击

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <body>
       <div id='dianji' style="width: 200px;height: 300px;background: #00FF00;">单击一下我就变红色</div>
       <div class="shuang" style="width: 200px;height: 300px;background: blue;">双击我就变黄色</div>
   </body>
   <script>
       var dianji=document.getElementById('dianji')
       dianji.onclick=function(){
           this.style.backgroundColor='red'
       }
       var shuang=document.getElementsByClassName('shuang')[0]
       shuang.ondblclick=function(){
       this.style.backgroundColor='yellow'
       }


   </script>
</html>