jQuery模拟按下回车键和f11键

野性酷女 2022-05-20 01:51 867阅读 0赞

众所周知easyui 的Pagination中要想跳转到某一页，只需要输入页码按ENTER就能达到效果。前段时间的项目 客户提出要求说想要输入页码 按一个GO的按钮做跳转。好吧，客户是上帝，他们怎么说我们这些程序猿只能尽自己所能来达到效果。如图：

![2011092014104571.png][]

即：按下GO做  输入3按回车一样的事情

而这个问题可以简化为 点击一个a标签 模拟Pagination页码输入框按下回车 但是这个事件是写在jquery.easyui.min.js中,我们没有办法直接调用；通过chrome查询到页码输入框是

<table style="border:1px solid #C0C0C0;background:none;line-height:1.1em;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-size:12px;min-height:auto;"> 
 <tbody style="background:none;line-height:1.1em;vertical-align:baseline;min-height:auto;"> 
  <tr style="background:none;border-top:0px;line-height:1.1em;vertical-align:baseline;min-height:auto;"> 
   <td style="border-color:#C0C0C0;border-collapse:collapse;background:none;line-height:1.1em;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-size:12px;min-height:auto;"> 
    <div style="background:none;border:0px;line-height:1.1em;vertical-align:baseline;min-height:auto;"> 
     <div style="background:rgb(244,244,244) none;border:0px;line-height:1.8em;vertical-align:baseline;min-height:auto;"> 
      <code style="background:none;border:0px;line-height:1.8em;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;min-height:auto;color:rgb(0,0,0);">&lt;</code> 
      <code style="background:none;border:0px;line-height:1.8em;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;min-height:auto;color:rgb(0,0,255);">input</code>&nbsp; 
      <code style="background:none;border:0px;line-height:1.8em;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;min-height:auto;color:rgb(0,0,0);">class="pagination-num" type="text" value="1" size="2"&gt;</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

而后查看了JQUERY API 的 Event Object发现 jquery有个trigger方法能够触发模拟的按键事件。直接上代码

2.模拟按下f11

//浏览器进入全屏模式，兼容IE
    function fullScreen() {
    	var el = document.documentElement;
    	var rfs = el.requestFullScreen || el.webkitRequestFullScreen ||
    		el.mozRequestFullScreen || el.msRequestFullScreen;
    	if (typeof rfs != "undefined" && rfs) {
    		rfs.call(el);
    	} else if (typeof window.ActiveXObject != "undefined") {
    		//for IE，这里其实就是模拟了按下键盘的F11，使浏览器全屏
    		var wscript = new ActiveXObject("WScript.Shell");
    		if (wscript != null) {
    			wscript.SendKeys("{F11}");
    		}
    	}
    }
    //浏览器进入全屏模式，兼容IE

[2011092014104571.png]: /images/20220520/8930826d9e4a42fc8d80a22f3b4d113b.png