匿名函数应用鼠标点击事件

最新推荐文章于 2024-09-19 00:06:03 发布

lixiaomi_sunshine

最新推荐文章于 2024-09-19 00:06:03 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 js 文章标签： js事件匿名函数应用鼠标事件

本文链接：https://blog.youkuaiyun.com/love07070707/article/details/54429391

前端同时被 2 个专栏收录

19 篇文章

订阅专栏

15 篇文章

订阅专栏

本文介绍如何使用匿名函数为HTML中的普通元素绑定点击和双击事件。通过JavaScript获取元素并设置onclick和ondblclick属性实现交互。

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

按钮可以直接οnclick=“函数”绑定事件
但是普通元素如何绑定事件呢？此时匿名函数就可以绑定事件

<body>
    <span id="text1" style="cursor:pointer;">我是文本1</span>
    <span id="text2" style="cursor:pointer;">我是文本2</span>
</body>
<script type="text/javascript">
    document.getElementById("text1").onclick = function(){
        alert("文本可以通过匿名函数绑定事件");
    }
    document.getElementById("text2").ondblclick = function(){
        alert("我是双击");
    }
</script>