JavaScript禁用按钮点击这个
javascript disabled button ondblclick with this
本文关键字:按钮 JavaScript 更新时间:2023-09-26
我有一个按钮,它有一个双击事件,无论按钮是启用还是禁用,我都想运行该事件。我在这里发布了一个类似的问题,但现在我需要从使用 this
参数的禁用按钮运行一个函数,如果我使用 <span>
解决方法,如另一个问题中所述,它为我提供了有关 <span>
元素的信息,而不是 <button>
元素。
JSFIDDLE 示例
我怎样才能解决这个问题?
首先,不能有两个具有相同 id 的元素。您的标记应如下所示:
<button name='name_of_button' id='id_of_button1' ondblclick="runFunction( this );">Enabled Button</button>
<br>
<button name='name_of_button' id='id_of_button2' ondblclick="runFunction( this );" disabled>Disabled Button</button>
其次,使用内联JavaScript不是一个好主意。但是,您的问题可以这样解决:
.HTML:
<div class="wrapper">
<button name='name_of_button'>Enabled Button</button>
<div class="over"></div>
</div>
<div class="wrapper">
<button name='name_of_button' disabled="disabled">Disabled Button</button>
<div class="over"></div>
</div>
.JS:
window.onload = function() {
var dblClicked = function() {
console.log(this.parentNode.childNodes[1].removeAttribute("disabled"));
}
var overlays = document.querySelectorAll(".wrapper .over");
for(var i=0; i<overlays.length; i++) {
var over = overlays[i];
over.addEventListener("dblclick", dblClicked);
}
}
http://jsfiddle.net/NRKLG/12/
如果元素被禁用,则无法触发事件。这意味着即使将侦听器添加到父元素,也无法侦听 dblclick。因此,您应该在按钮上放置一个覆盖的透明div。
相关文章:
- 复制当前url按钮-Javascript
- 通过提示中的循环触发iFrame中的输入按钮(JavaScript)
- 在单击按钮时激活按钮的悬停状态,直到单击另一个按钮(Javascript/JQuery)
- 从导航按钮 JavaScript 中删除动画
- IE8中的FB共享按钮Javascript错误
- 表单验证上的彩色单选按钮-Javascript
- 通过一个按钮JAVASCRIPT更改style.display在多个对象上的显示
- 变暗图像滑块/按钮 - Javascript
- 下载pdf/word按钮javascript /jquery
- 带有单选按钮 JavaScript 的随机测验
- C# Web 浏览器 - 如何单击此按钮 (Javascript)
- 获取按钮 Javascript 的宽度,不带“px”
- 自动点击提交按钮 javascript
- 保存和关闭按钮 javascript
- 使用按钮 javascript 在 forloop 中创建 Cookie
- 搜索下一个按钮 javascript
- 保存状态单选按钮javascript html
- 使用类型按钮javascript提交表单
- 点击提交按钮Javascript HTML后显示表格数据
- 使用%用单按钮JavaScript函数交换图像