zoukankan      html  css  js  c++  java
  • 模拟按键'ESC',解决韩语等输入法对输入框(codemirror)的支持

    示例:

      on(div, "compositionend", function (e) {
          if (this$1.composing) {
              if (e.data != this$1.composing.data) { this$1.readFromDOMSoon() }
              this$1.composing.done = true
              //simulate 'ESC',  ex.Korean
              var keyboardEventInit = { key: "Escape", code: "Escape", keyCode: 27, which: 27, composed: true, bubbles:true };
                  var evtObj = new KeyboardEvent('keydown', keyboardEventInit);
                  e.target.dispatchEvent(evtObj);
          }
      })
    

    输入法事件 CompositionEvent

    DOM 接口 CompositionEvent 表示用户间接输入文本(如使用输入法)时发生的事件。此接口的常用事件有compositionstart, compositionupdatecompositionend

    KeyboardEvent

    KeyboardEvent 对象描述了用户与键盘的交互。 每个事件都描述了用户与一个按键(或一个按键和修饰键的组合)的单个交互;事件类型keydownkeypresskeyup 用于识别不同的键盘活动类型。

    注意:KeyboardEvent 只在低级别提示用户与一个键盘按键的交互是什么,不涉及这个交互的上下文含义。 当你需要处理文本输入的时候,使用 input 事件代替。用户使用其他方式输入文本时,如使用平板电脑的手写系统或绘图板, 键盘事件可能不会触发。

    键盘事件 KeyboardEvent()

    KeyboardEvent() 构造函数新建一个 KeyboardEvent 实例。

    语法

     event = new KeyboardEvent(typeArg, KeyboardEventInit);
    

    • typeArg

      DOMString 类型,表示事件名称。

    • KeyboardEventInit可选

    KeyboardEventInit 字典,有以下几种值:

    KeyboardEventInit 字典也可以接受来自 UIEventInitEventInit 的字典字段值。

    EventTarget.dispatchEvent

    向一个指定的事件目标派发一个事件, 并以合适的顺序同步调用目标元素相关的事件处理函数。标准事件处理规则(包括事件捕获和可选的冒泡过程)同样适用于通过手动的使用dispatchEvent()方法派发的事件。

    语法

    cancelled = !target.dispatchEvent(event)
    

    参数

    • event 是要被派发的事件对象。
    • target 被用来初始化 事件 和 决定将会触发 目标.

    返回值

    • 当该事件是可取消的(cancelable为true)并且至少一个该事件的 事件处理方法 调用了Event.preventDefault(),则返回值为false;否则返回true
  • 相关阅读:
    001 Python网络爬虫与信息提取 课程前序
    004 JQuery (010
    Vuex的元素对象
    003 JQuery (009
    002 JQuery (004
    001 JQuery (001
    Vuex简介
    axios实例与模块封装
    axios拦截器
    015 Javascript(152
  • 原文地址:https://www.cnblogs.com/tangge/p/15209108.html
Copyright © 2011-2022 走看看