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