无法启用默认情况下禁用的 XHTML 提交输入/按钮

发布于 2024-12-03 15:52:00 字数 627 浏览 0 评论 0原文

我在 XHTML 中有一个简单的按钮：

<input type="submit" name="submit" value="Test" disabled="disabled" onmouseover="this.disabled=''" />

问题是，无论我尝试什么，当我将鼠标悬停在该按钮上时，它都不会从其禁用的属性中重新启用。在 XHTML 中，您需要使用 disabled="disabled" 这似乎完全破坏了使用 JavaScript 启用/禁用它的选项。我尝试过运行 this.disabled=''、this.disabled=false 甚至 this.removeAttribute('disabled') 但是似乎没有什么能够重新启用该按钮。奇怪的是，如果我删除属性的 ='disabled' 部分（使其无效 XHTML），脚本会正常启用该按钮。如果不使用无效的 XHTML，这是否不可能？

注意： 我真的更愿意在这个特定示例中仅使用 JavaScript，而不是 jQuery。

我以为这会是一件简单的事情，大约需要 5 秒钟，但显然不是。

原文

I have this simple button in XHTML:

<input type="submit" name="submit" value="Test" disabled="disabled" onmouseover="this.disabled=''" />

The problem is, no matter what I try, when I hover over the button, it won't re-enable from the disabled attribute it has. In XHTML, you are required to use disabled="disabled" which seems to completely break the option to enable/disable it with JavaScript. I've tried running this.disabled='', this.disabled=false, and even this.removeAttribute('disabled') but nothing seems to be capable of re-enabling the button. Weird thing is, if I remove the ='disabled' part of the attribute (making it invalid XHTML), the script enables the button just fine. Is this not possible without using invalid XHTML?

Note: I'd really prefer to only use JavaScript for this specific example, not jQuery.

I thought this would be something simple that would take like 5 seconds but apparently not.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

后来的我们 2024-12-10 15:52:00

由于某种原因，禁用的元素似乎不会随着单击而触发鼠标悬停/移出事件。

以下不是世界上最好的解决方案，但您可以将其包装在另一个元素中，并使用包装元素的 mouseover 事件来启用它。

<div style="display:inline-block;padding:1px;" onmouseover="document.getElementById('submit').disabled=false">
    <input type="submit" id="submit" name="submit" value="Test" disabled="disabled" />
</div>

Disabled elements for some reason do not seem to fire mouseover/out events along with click.

The following is not the best solution in the world, but you can wrap it in another element and use the wrapping element's mouseover event to enable it.

<div style="display:inline-block;padding:1px;" onmouseover="document.getElementById('submit').disabled=false">
    <input type="submit" id="submit" name="submit" value="Test" disabled="disabled" />
</div>

回复收藏 0 原文