jquery单击事件和按钮元素的问题

jquery单击事件和按钮元素的问题,jquery,Jquery,我已经搜索了这个主题,但找不到任何有用的东西 在我的例子中,我有一个带有单击事件的jQueryUI按钮。此单击事件工作正常,但总是通过在文本输入字段中按enter键来调用它 此处演示: 希望有人能帮忙。我通过选中event.target.nodeName找到了一个解决方法,这是因为默认情况下按钮是表单的提交元素,所以在文本框中按enter键提交表单 <button>x</button> is equivalent to <button type="submit"&g

我已经搜索了这个主题,但找不到任何有用的东西

在我的例子中,我有一个带有单击事件的jQueryUI按钮。此单击事件工作正常,但总是通过在文本输入字段中按enter键来调用它

此处演示:


希望有人能帮忙。我通过选中
event.target.nodeName

找到了一个解决方法,这是因为默认情况下按钮是表单的提交元素,所以在文本框中按enter键提交表单

<button>x</button> is equivalent to <button type="submit">x<button>
x等于x
使用此选项可使按钮成为非提交元素:

<button type="button">x</button>
x
然而,这会触发“点击”事件似乎很奇怪,因为按钮实际上没有被点击,答案似乎是这样的:


True,这将导致按Enter键将提交表单,尽管(至少在Chrome中),因此需要这样的代码:
$(“表单”).submit(函数(){return false;})是,它会,但OP没有指定Enter键是否应该提交表单。或者按钮,因为如果按钮仍然要提交表单,那么我的答案是完全错误的。这一点很好。那么,如果Enter不应该提交,那么您手头就有了解决方案。