You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何实现双击按钮修改页面背景色,目前仅会实现单击触发逻辑

双击修改背景色按钮实现方案

直接替换原按钮的单击事件属性即可完成需求:
HTML原生提供了ondblclick双击事件,会在用户连续两次快速点击元素时触发,把你代码中的onClick替换为ondblclick就行,修改后的代码如下:

<button ondblclick="document.body.style.backgroundColor ='#000';"> color </button>

如果你需要避免双击时按钮文字被默认选中,可以额外添加禁止选中的属性,优化使用体验:

<button ondblclick="document.body.style.backgroundColor ='#000';" onselectstart="return false;"> color </button>

内容的提问来源于stack exchange,提问作者InternetGuy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.04 09:03:00