Javascript<；span>；Chrome上的按钮启用/禁用_Javascript_Jquery_Html

Javascript<；span>；Chrome上的按钮启用/禁用

javascript jquery html

Javascript<；span>；Chrome上的按钮启用/禁用,javascript,jquery,html,Javascript,Jquery,Html,我有一个按钮：默认情况下是禁用的，我通过编程方式启用/禁用它 document.getElementById("moveBtn").disabled = true; document.getElementById("moveBtn").disabled = false; 在IE11上工作完美，但在Chrome上 document.getElementById("moveBtn").disabled = false; 按钮处于活动状态（您可以单击它们），但仍显示为禁用状态。我能让它像IE一样

我有一个按钮：

默认情况下是禁用的，我通过编程方式启用/禁用它

document.getElementById("moveBtn").disabled = true;
document.getElementById("moveBtn").disabled = false;

在IE11上工作完美，但在Chrome上

document.getElementById("moveBtn").disabled = false;

按钮处于活动状态（您可以单击它们），但仍显示为禁用状态。我能让它像IE一样在Chrome上工作吗

document.getElementById（“moveBtn”）.disabled=true
//在此处添加一些css代码
您应该创建一个按钮。。。你拥有的不是一个按钮，而是一个隐藏在按钮中的跨度。但只有按钮的disabled属性在任何地方都能正常工作
<button id="moveBtn" class="btn btn-default" data-toggle="modal" data-target="#myModalM" disabled><span data-toggle="tooltip" title="Move"><i class="fa fa-arrows"></i></span></button>

您应该创建一个按钮。。。你拥有的不是一个按钮，而是一个隐藏在按钮中的跨度。但只有按钮的disabled属性在任何地方都能正常工作
<button id="moveBtn" class="btn btn-default" data-toggle="modal" data-target="#myModalM" disabled><span data-toggle="tooltip" title="Move"><i class="fa fa-arrows"></i></span></button>



我有一个钮扣
不，你没有。您有一个span
。没有禁用的属性，因为它们不是交互式元素：

console.log（document.createElement（“span”）中的“已禁用”）；//错误
我有一个钮扣
不，你没有。您有一个span
。没有禁用的属性，因为它们不是交互式元素：

console.log（document.createElement（“span”）中的“已禁用”）；//false
由于您使用的是span
而不是按钮
，因此无法期望它对禁用等随机属性的更改做出可靠反应，span
不应具有此行为
但是，如果您确实想使用span
，您可以通过添加/删除禁用的属性来实现所需的功能：
document.getElementById("moveBtn").removeAttribute('disabled')

但是，您最好将HTML更改为使用按钮，在样式方面，它不会改变任何东西，由于引导程序定义了与您使用的标记无关的btn
样式。
由于您使用的是span
而不是按钮，因此您不能期望它对禁用等随机属性的更改做出可靠的反应，span
不应该有这种行为
但是，如果您确实想使用span
，您可以通过添加/删除禁用的属性来实现所需的功能：
document.getElementById("moveBtn").removeAttribute('disabled')

但是，您最好将HTML更改为use按钮，就样式而言，它不会改变任何东西，因为引导程序定义了与您使用的标记无关的btn
样式。
span元素没有禁用的属性。
试试这个
document.getElementById("moveBtn").style.pointerEvents = "none";//to disable span

document.getElementById("moveBtn").style.pointerEvents = "all";//to enable span

span元素没有禁用的属性。
试试这个
document.getElementById("moveBtn").style.pointerEvents = "none";//to disable span

document.getElementById("moveBtn").style.pointerEvents = "all";//to enable span

您可以创建一个按钮来实现您正在做的任何事情，也可以在span上取消绑定click事件，或者在单击span时，只需写入return false
 您可以创建一个按钮来实现您正在做的任何事情，也可以在span上取消绑定click事件，或者在单击span时，只需写入return false
 试试这个
<html>
<title></title>
<head>
   <style>
      btn.disable{"opacity": 0.6;"cursor": inherit;}
   </style>
</head>
<body>
    <span id="moveBtn" class="btn btn-default" data-toggle="modal" data-target="#myModalM" disabled><span data-toggle="tooltip" title="Move"><i class="fa fa-arrows"></i></span></span>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
       $(document).ready(function(){
          $('#moveBtn').click(function(){
             $(this).toggleClass('disable');
          });
       });
    </script>
</body>
</html>


禁用{“不透明度”：0.6；“光标”：继承；}
$（文档）.ready（函数（）{
$（'#moveBtn'）。单击（函数（）{
$（this.toggleClass（'disable'）；
});
});
试试这个
<html>
<title></title>
<head>
   <style>
      btn.disable{"opacity": 0.6;"cursor": inherit;}
   </style>
</head>
<body>
    <span id="moveBtn" class="btn btn-default" data-toggle="modal" data-target="#myModalM" disabled><span data-toggle="tooltip" title="Move"><i class="fa fa-arrows"></i></span></span>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
       $(document).ready(function(){
          $('#moveBtn').click(function(){
             $(this).toggleClass('disable');
          });
       });
    </script>
</body>
</html>


禁用{“不透明度”：0.6；“光标”：继承；}
$（文档）.ready（函数（）{
$（'#moveBtn'）。单击（函数（）{
$（this.toggleClass（'disable'）；
});
});
“我有一个按钮”不，你没有。您有一个span
span
元素没有disabled
属性，因为它们不是交互式元素。您是否尝试过使用setAttribute（）
设置disable属性？它不是一个按钮，它没有任何disable prpertyIE为大多数元素实现disable属性，而其他浏览器没有。您必须通过向span
添加合适的样式来模拟禁用状态，并创建单击处理程序检测到的标志，或者从“按钮”中分离单击事件。“我有一个按钮”否，您没有。您有一个span
span
元素没有disabled
属性，因为它们不是交互式元素。您是否尝试过使用setAttribute（）
设置disable属性？它不是一个按钮，它没有任何disable prpertyIE为大多数元素实现disable属性，而其他浏览器没有。您必须通过向span
添加合适的样式来模拟禁用状态，或者创建单击处理程序检测到的标志，或者将单击事件与“按钮”分离。如果是禁用状态，则工具提示不起作用，这就是为什么我用这个按钮做了一个class@Dana：为什么您不能在按钮元素上执行工具提示？如果它是一个元素，它将无法运行工具提示，这就是为什么我使用按钮将其设置为一个元素class@Dana：为什么不能在按钮
元素上执行工具提示？如果我将其设置为按钮，工具提示将不会显示在IE上：（@Dana:那么这就是要解决的问题。你不能通过将交互式控件转换为非交互式控件来解决工具提示问题。span
和按钮之间有根本的区别。也许你是对的。但我不知道我应该改变什么：（你是对的！这是我真正的问题：）我已经将工具提示添加到按钮，将模式添加到跨度，现在它可以工作了！你能知道谁？：）非常感谢你的回答！：）如果我将其设置为按钮，工具提示将不会出现在IE上：（@Dana:那么这就是要解决的问题。你不能通过将交互式控件转换为非交互式控件来解决工具提示问题。span
和按钮之间有根本的区别。也许你是对的。但我不知道我应该改变什么：（你是对的！这是我真正的问题：）我已经在按钮上添加了工具提示，在跨度上添加了模态，现在它可以工作了！你能知道谁吗？：）非常感谢你的回答！：）