如何实现双击按钮修改页面背景色,目前仅会实现单击触发逻辑
双击修改背景色按钮实现方案
直接替换原按钮的单击事件属性即可完成需求:
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
相关产品推荐
相关产品推荐

