JavaScript 模拟键盘事件和鼠标事件(比如模拟按下回车等)

时间:2023-03-08 20:14:31

http://blog.****.net/lovelyelfpop/article/details/52471878#

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

  1. function fireKeyEvent(el, evtType, keyCode){
  2. var doc = el.ownerDocument,
  3. win = doc.defaultView || doc.parentWindow,
  4. evtObj;
  5. if(doc.createEvent){
  6. if(win.KeyEvent) {
  7. evtObj = doc.createEvent('KeyEvents');
  8. evtObj.initKeyEvent( evtType, true, true, win, false, false, false, false, keyCode, 0 );
  9. }
  10. else {
  11. evtObj = doc.createEvent('UIEvents');
  12. Object.defineProperty(evtObj, 'keyCode', {
  13. get : function() { return this.keyCodeVal; }
  14. });
  15. Object.defineProperty(evtObj, 'which', {
  16. get : function() { return this.keyCodeVal; }
  17. });
  18. evtObj.initUIEvent( evtType, true, true, win, 1 );
  19. evtObj.keyCodeVal = keyCode;
  20. if (evtObj.keyCode !== keyCode) {
  21. console.log("keyCode " + evtObj.keyCode + " 和 (" + evtObj.which + ") 不匹配");
  22. }
  23. }
  24. el.dispatchEvent(evtObj);
  25. }
  26. else if(doc.createEventObject){
  27. evtObj = doc.createEventObject();
  28. evtObj.keyCode = keyCode;
  29. el.fireEvent('on' + evtType, evtObj);
  30. }
  31. }

使用方法: 假设模拟回车

  1. fireKeyEvent(topWin.__activeElement, 'keydown', 13);  //第一个参数时html元素