美文网首页
js模拟键盘事件

js模拟键盘事件

作者: Eileen_1d88 | 来源:发表于2021-09-04 13:04 被阅读0次

2021-09-04

function fireKeyEvent(el: HTMLElement, evtType: string, keyChar: string, keyCode: number) {
    el.focus()
    const KeyboardEventInit = {key: keyChar, code: keyChar, location: 0, repeat: false,
      isComposing: false, bubbles: true, composed: true, charCode: keyCode, keyCode: keyCode}
    const evtObj: any = new KeyboardEvent(evtType, KeyboardEventInit)
    evtObj.stop = evtObj.stopPropagation
    el.dispatchEvent(evtObj)
  }
fireKeyEvent(target, 'keydown', 'ArrowUp', 38)

虽然MDN上说charCodekeyCode已废弃,但是KeyboardEventInit中不加这2个配置,这个事件根本就触发不了

相关文章

  • js模拟键盘事件

    2021-09-04 虽然MDN上说charCode和keyCode已废弃,但是KeyboardEventInit...

  • JS模块29 DOM事件模拟

    模拟按钮的单击事件 具体的参数参考这里。 同样的,模拟键盘事件应该使用KeyboardEvent构造函数 模拟键盘...

  • 双向数据绑定

    原生js模拟双向数据绑定原理:选中元素,利用事件监听键盘事件keyup将target的值拿到,赋值给目标元素 下面...

  • Web API --常用的键盘事件

    1.1. 常用的键盘事件 1.1.1 键盘事件 1.1.2 键盘事件对象 1.1.3 案例:模拟京东按键输入内容 ...

  • JS模拟jquery事件监听

    JS模拟jquery事件监听

  • js操作页面三步骤

    js操作页面三步骤 js事件 鼠标事件 文档事件 键盘事件 表单事件 事件对象 js操作内容 js操作样式 页面转...

  • 【python+selenium】键盘事件

    selenium 提供了一整套的模拟键盘操作事件 前提: 模拟键盘的操作需要先导入键盘模块: from selen...

  • 事件

    1、鼠标的移入移除js部分 2、鼠标事件js部分 3、事件对象js部分 4、键盘事件js部分 5、输入框事件js部...

  • JS事件—键盘事件

    键盘事件的种类 键盘事件由用户击打键盘触发,主要有keydown、keypress、keyup三个事件,它们都继承...

  • JS事件相关基础

    js事件: 键盘事件: JS中的事件冒泡和事件捕获: 1、事件冒泡。如下代码: 点击button事件,连同父元素绑...

网友评论

      本文标题:js模拟键盘事件

      本文链接:https://www.haomeiwen.com/subject/fudrwltx.html