Javascript 如何阻止html中元素的丢失？

我有一个按钮（根据div标签、jqueryui设计）和一个输入文本框。我希望，如果我单击文本框，按钮也不会被单击。

使用

event.stopPropagation（）对于文本框，单击事件。
在事件处理程序中，为
输入
元素：

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

阻止事件向上传播到DOM树，从而防止父事件处理程序收到事件通知

下面是一个示例：
在输入框的单击处理程序中，您需要停止传播到父DOM元素的单击事件。因此，请查看
event.stopPropagation（）
-更多信息
 或者，您可以在按钮的单击处理程序中检查
event.target
是否为输入字段