JavaScript HTML DOM createEvent() 方法

  • HTML DOM createEvent() 方法

    document.createEvent()方法创建一个事件对象。该事件可以是任何合法事件类型,必须在使用前初始化。
    实例:
    模拟鼠标悬停事件:
    var x = document.createEvent("MouseEvent");
    x.initMouseEvent("mouseover", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    
    document.getElementById("myDiv").dispatchEvent(x);
    
    尝试一下
    HTML元素通常包含文本。要创建带文本的按钮,请使用元素对象的innerTextinnerHTML属性:
    var btn = document.createEvent("BUTTON");   // 创建一个<button>元素
    btn.innerHTML = "CLICK ME";                   // 插入文本
    document.body.appendChild(btn);               // 将<button>追加到<body>
    
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    方法
    createEvent()
    支持
    支持
    支持
    支持
    支持
  • 语法

    document.createEvent(type)
  • 方法值

    参数 类型 描述
    type String 必需的。 一个String,指定事件的类型。可能的值:
    • AnimationEvent
    • ClipboardEvent
    • DragEvent
    • FocusEvent
    • HashChangeEvent
    • InputEvent
    • KeyboardEvent
    • MouseEvent
    • PageTransitionEvent
    • PopStateEvent
    • ProgressEvent
    • StorageEvent
    • TouchEvent
    • TransitionEvent
    • UiEvent
    • WheelEvent
  • 技术细节

    项目 描述
    返回值: 一个Event对象
    DOM版本 Core Level 1