如何阻止html元素的跌落？

Question

我有一個按鈕（從div標籤，jQuery UI的樣式）和裏面的輸入文本框。我想，如果我點擊文本框的按鈕也不會被點擊。

Answer 1

內爲input元素的事件處理程序：

$("input").click(function (event) { 
    event.stopPropagation(); 
}); 

stopPropagation停止從傳播了DOM樹，防止被通知該事件的父事件處理該事件。

下面是一個例子：http://jsfiddle.net/J76Gw/

Answer 2

使用event.stopPropagation();進行文本框點擊事件。

Answer 3

在您需要停止click事件傳播到父DOM元素輸入框中單擊處理程序。所以請查看event.stopPropagation() - 更多信息here。

Answer 4

或者，您可以檢查按鈕的點擊處理程序內部是否event.target是輸入字段。