Javascript 禁用输入上的OnClick事件 我需要在禁用的标记上有一个onclick事件 此处onclick事件不起作用 对于基于id的禁用输入,是否有其他方法处理onclick事件 我尝试了下面的代码 第一个输入工作,但我需要与第二个相同,也与第一个相同。(我需要调用函数仅在input上单击) 提前谢谢

Javascript 禁用输入上的OnClick事件 我需要在禁用的标记上有一个onclick事件 此处onclick事件不起作用 对于基于id的禁用输入,是否有其他方法处理onclick事件 我尝试了下面的代码 第一个输入工作,但我需要与第二个相同,也与第一个相同。(我需要调用函数仅在input上单击) 提前谢谢,javascript,html,javascript-events,Javascript,Html,Javascript Events,我的代码: 单击的函数(事件) { 警报(event.id) } 功能单击禁用(事件) { 警报(event.ids) } 单击的函数(事件){ 警报(event.id) } 功能单击禁用(事件){ 警报(event.id) } Put 在CSS中(它防止某些浏览器完全放弃对禁用输入的单击),并捕获对父元素的单击。IMHO,这是一个更干净的解决方案,比在元素上放置一个透明的覆盖层来捕获点击更干净,而且根据具体情况,这可能比简单地使用CSS“模拟”禁用状态要容易得多(因为这不会阻止提交输入

我的代码:

单击的函数(事件)
{
警报(event.id)
}
功能单击禁用(事件)
{
警报(event.ids)
}

单击的函数(事件){
警报(event.id)
}
功能单击禁用(事件){
警报(event.id)
}

Put

在CSS中(它防止某些浏览器完全放弃对禁用输入的单击),并捕获对父元素的单击。IMHO,这是一个更干净的解决方案,比在元素上放置一个透明的覆盖层来捕获点击更干净,而且根据具体情况,这可能比简单地使用CSS“模拟”禁用状态要容易得多(因为这不会阻止提交输入,还需要覆盖默认的浏览器“禁用”样式)

如果您有多个这样的按钮,则需要每个按钮都有一个唯一的父级,以便能够区分单击了哪个按钮,因为对于
指针事件:none
,单击目标是按钮的父级,而不是按钮本身。(或者你可以测试点击坐标,我想…)

但是,如果您需要支持较旧的浏览器,请检查哪些浏览器支持
指针事件

可能重复的
input[disabled] {pointer-events:none}