如何防止按鈕在標籤控件內單擊？

我有這樣的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是在單擊標籤中的任何區域時單擊的。如何僅在單擊按鈕時單擊它才能使按鈕自行點擊？

來源

2017-04-10 Michael

如果您需要HTML原樣，你只能防止點擊按鈕與JS ... 例如在button.click上添加一個監聽器，在你的點擊事件中檢查event.currentTarget，如果它沒有按鈕 - >然後preventDefault（）:)否則看看其他答案;） – MarcelD

展開標籤按鈕像

<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/

來源

2017-04-10 11:42:28

在我的情況下，推針正在下降當我使用 – Michael

以上的姿態在標籤顯示上添加樣式：inline-block; –

你的解決辦法是，像這樣：

<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>

只要將按鈕的標籤之外。

來源

2017-04-10 11:42:42 dutchsociety

包裝元素上添加的onclick函數return false;

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

來源

2017-04-10 11:51:09

如何防止按鈕在標籤控件內單擊？

回答

相關問題