Question

我有这个HTML代码：

 <label style="padding: 0px 0px!important; text-align:center">
  <span style="color: gray">Some Text</span>         
      <button onclick='alert("Hello!")' style="cursor: pointer;">     
               <i class="glyphicon glyphicon-pushpin btn-lg" aria-hidden="true"></i>                    </button>
 </label>

这是JSFiddle。

在标签控件中我声明了button.Button，当我点击标签中的任何区域时单击按钮。如果单击按钮时单击按钮是否自动？

Answer 1

将标签展开到按钮，如

<label style="padding: 0px 0px!important; text-align:center">
    <span style="color: gray">Some Text</span>
</label>
<button onclick='alert("Hello!")' style="cursor: pointer;">
    <i class="glyphicon glyphicon-pushpin btn-lg" aria-hidden="true"></i>
</button>

https://jsfiddle.net/xzgqLhpd/2/

Answer 2

您的解决方案是这样的：

<label style="padding: 0px 0px!important; text-align:center">
<span style="color: gray">Some Text</span>
</label>           
<button onclick='alert("Hello!")' style="cursor: pointer;">     
  <i class="glyphicon glyphicon-pushpin btn-lg" aria-hidden="true"></i>                    
</button>

只需将按钮放在标签外即可。

Answer 3

使用return false;

在包装器元素上添加onclick函数

 <label onclick="return false;">
  <span style="color: gray">Some Text</span>         
      <button onclick='alert("Hello!");' style="cursor: pointer;">     
               MY BUTTON
      </button>
 </label>

如何防止标签控件内的按钮点击？

3 个答案: