JS 模拟点击事件

匿名 (未验证) 提交于 2019-12-02 23:45:01

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

evtObj = document.createEventObject(); evtObj.keyCode=keyCode el.fireEvent('on'+evtType, evtObj);

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

evtObj = document.createEvent('KeyEvents'); evtObj.initKeyEvent( evtType, true, true, window, false, false, false, false, keyCode, 0 );

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

evtObj = document.createEvent('UIEvents');  evtObj.initUIEvent( evtType, true, true, window, 1 );

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

delete evtObj.keyCode; Object.defineProperty(evtObj,"keyCode",{value:keyCode});

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

 

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

 

使用方法: 假设模拟回车

fireKeyEvent(input元素, 'keydown', 13);

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!