如何阻止html中的元素掉落？

Question

我有一个按钮(由div标签,jquery UI设计)和一个输入文本框.我希望如果单击文本框,按钮也不会被点击.

Answer 1

在input元素的事件处理程序中:

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

stopPropagation 阻止事件向上传播DOM树,这会阻止父事件处理程序收到事件通知.

这是一个例子:http://jsfiddle.net/J76Gw/