javascript - IE9文本框focusout事件和输入问题

Question

我有一个文本输入框和一个与输入框相邻的提交按钮。我已将 focusout 事件处理程序绑定(bind)到输入，并将事件处理程序单击到按钮。现在，当我关注输入然后按下 enter 时，focusout 事件处理程序被触发，按钮事件处理程序被触发。我只想在文本框失去焦点时触发 focusout。我该怎么办？

代码:-

 <div >
     <span>Local Currency: </span>
     <input type='text' id='txtFocusElement'  />
     <button id="btnClickElement" >
         <span> Add new line</span>
     </button>
 </div>

我将选择器用作:

 $("#txtFocusElement").bind("focusout", function() {
      console.log('focusout');
 })
 $("#btnClickElement").bind("click", function() {
      console.log('click');
 })

并将上面的代码写在我在加载文档时调用的一个函数中。

Answer 1

HTML 按钮标签的 IE9 问题。

所以我们应该尝试使用属性类型为按钮的 HTML input 标签。

上面的代码可以重写为:

<div >
     <span>Local Currency: </span>
     <input type='text' id='txtFocusElement'  />
     <input id="btnClickElement" type="button" value="Add new line" />
</div>

用这个我的问题就解决了。