对多个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")表示找出该标签下的子元素。







        

        

            posted on 
2016-11-24 19:06 
水滴石穿—敏 
阅读(760) 
评论(0) 
编辑 
收藏 
举报

        

    










    
    

    
    

    

        

    

        

            
                
                
            
        

    

        

            
                
            
        

    

    

    





            

        

        

            

导航