示例:
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, compositionupdate 和 compositionend
KeyboardEvent
KeyboardEvent 对象描述了用户与键盘的交互。 每个事件都描述了用户与一个按键(或一个按键和修饰键的组合)的单个交互;事件类型keydown, keypress 与 keyup 用于识别不同的键盘活动类型。
注意:
KeyboardEvent只在低级别提示用户与一个键盘按键的交互是什么,不涉及这个交互的上下文含义。 当你需要处理文本输入的时候,使用 input 事件代替。用户使用其他方式输入文本时,如使用平板电脑的手写系统或绘图板, 键盘事件可能不会触发。
键盘事件 KeyboardEvent()
KeyboardEvent() 构造函数新建一个 KeyboardEvent 实例。
语法
event = new KeyboardEvent(typeArg, KeyboardEventInit);
值
-
typeArg
DOMString类型,表示事件名称。 -
KeyboardEventInit可选
KeyboardEventInit 字典,有以下几种值:
"key", 可选,默认为"",DOMString类型, 设置KeyboardEvent.key的值。"code", 可选,默认为"",DOMString类型, 设置KeyboardEvent.code的值。"location", 可选,默认为0,unsigned long类型, 设置KeyboardEvent.location的值。"ctrlKey", 可选,默认为false,Boolean类型, 设置KeyboardEvent.ctrlKey的值。"shiftKey", 可选,默认为false,Boolean类型, 设置KeyboardEvent.shiftKey的值。"altKey", 可选,默认为false,Boolean类型, 设置KeyboardEvent.altKey的值。"metaKey", 可选,默认为false,Boolean类型, 设置KeyboardEvent.metaKey的值。"repeat", 可选,默认为false,Boolean类型, 设置KeyboardEvent.repeat的值。"isComposing", 可选,默认为false,Boolean类型, 设置KeyboardEvent.isComposing的值。"charCode", 可选,默认为0,unsigned long类型, 设置KeyboardEvent.charCode(已废弃) 的值。"keyCode", 可选,默认为0,unsigned long类型, 设置KeyboardEvent.keyCode(已废弃) 的值。"which", 可选,默认为0,unsigned long类型, 设置KeyboardEvent.which(已废弃) 的值。
KeyboardEventInit 字典也可以接受来自 UIEventInit 和 EventInit 的字典字段值。
EventTarget.dispatchEvent
向一个指定的事件目标派发一个事件, 并以合适的顺序同步调用目标元素相关的事件处理函数。标准事件处理规则(包括事件捕获和可选的冒泡过程)同样适用于通过手动的使用dispatchEvent()方法派发的事件。
语法
cancelled = !target.dispatchEvent(event)
参数
event是要被派发的事件对象。target被用来初始化 事件 和 决定将会触发 目标.
返回值
- 当该事件是可取消的(cancelable为true)并且至少一个该事件的 事件处理方法 调用了
Event.preventDefault(),则返回值为false;否则返回true。