怎样用js模拟键盘事件

JavaScript024

怎样用js模拟键盘事件,第1张

1. IE下没什么问题,创建事件对象、对对象的keyCode属性赋值,然后再抛出来就行了:

2. Firefox 需要通过document.createEvent创建KeyEvents对象,再通过initKeyEvent方法对事件对象初始化

initKeyEvent 参考:https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/initKeyEvent

3. Chrome/Safari/Opera

通过document.createEvent创建UIEvents对象,初始化后再在该对象上挂载按键值。

initUIEvent 参考:https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/initUIEvent

Chrome和Opera可以先将keyCode属性delete掉后,再用Object.defineProperty方法重新为它赋值:

有些安卓浏览器,此法无效,需要用下面的方式:

最后,封装好的function大概就是这样:

使用方法: 假设模拟回车

1、使用js模拟,其实就是给按钮添加onclick命令,然后表单action写好跳转后台处理方法,数据发送方式,默认的发送命令是form.submit()。直接发送出去。

<form action="/fmpost" method="post" name="fm">

<button name="btn" onclick="fm.submit()"></button>

</form>

2、或者表单action不写跳转方法,直接在button的onclick上写好发送链接。

<form action="" method="post" name="fm" id="fm">

<button name="btn" onclick="document.getElementById('fm').action='/fmpost'document.getElementById('fm').submit()"></button></form>