对多个button触发enter操作,执行不同的操作

1.首先为需要触发enter事件的控件中添加onkeydown事件:

  支持onkeydown事件的标签为:

<a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, 
<button>, <caption>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em>, 
<fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <input>, <kbd>, <label>, <legend>, 
<li>, <map>, <object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, 
<span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, 
<th>, <thead>, <tr>, <tt>, <ul>, <var>
则,例如可以对table标签添加onkeydown事件。(此时在table中的标签用键盘输入时都会触发该事件)
<table onkeydown="keydown(event)"></table>
View Code

  则,编写keydown方法:

function keydown(e)
{
var keynum;

if(window.event) // IE
  {
  keynum = e.keyCode
  }
else if(e.which) // Netscape/Firefox/Opera
  {
  keynum = e.which
  }
 if(keynum =='13')
 {
   $(e.target).closest('tr').find('.queryUser').trigger('click');//这样可以获得对应tr下的按钮button触发事件click。
  }
}
View Code

其中:$(e.target)表示,获得当前在哪个标签下按下了“enter”键。closeset("标签或者selector")表示向上找父元素最新匹配的。find("标签或者selector")表示找出该标签下的子元素。


原文地址:https://www.cnblogs.com/minfan/p/6099061.html