限制選擇onclick事件

我有一個div，其中包含一些文本和兩個按鈕。我在div上有一個onclick屬性，因爲我希望能夠點擊其中的任何位置來激活一個事件，除了兩個按鈕。如果我點擊其中一個按鈕，我不希望事件激活。但是，我似乎無法弄清楚在哪裏放置「onclick」，因爲它可以選擇全部或不足。有沒有辦法從選區中排除這兩個按鈕？限制選擇onclick事件

我的HTML現在的問題是：

<div id="event" class="span8" onclick="preview({{ name.event_id }})"> 
    <strong> 
    {{ name.title|truncatechars:50 }} 
    </strong> <br> 
    Location: {{ name.location|truncatechars:50 }} <br> 
    Start Date: {{ name.start|truncatechars:50 }} <br> 
    End Date: {{ name.end|truncatechars:50 }} 
    <a class="page btn btn-primary btn-small" href="/event/{{ name.event_id }}">Event Page</a> 
    <button class ="page btn btn-danger btn-small" id="{{ name.event_id }}" href="#" onClick="removeEvent({{ name.event_id }}, {{ user.get_profile.id }})"> 
    <i id="icon" class="icon-minus-sign icon-white"></i> 
     Remove 
    </button> 
... 
    </div>

來源

2013-06-24 Xonal

你可以只添加一個調用stopPropagation在按鈕onClick屬性，像這樣：

<button class ="page btn btn-danger btn-small" id="{{ name.event_id }}" href="#" onClick="event.stopPropagation(); removeEvent({{ name.event_id }}, {{ user.get_profile.id }})">

這裏以前回答：How to stop event propagation with inline onclick attribute?

來源

2013-06-24 17:17:59 gulima

謝謝很多。對不起，我不知道要搜索什麼。不知道傳播是我正在尋找的術語。 – Xonal

限制選擇onclick事件

回答

相關問題