模拟按键'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
, 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
。
作者:【唐】三三
出处:https://www.cnblogs.com/tangge/p/15209108.html
版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
2018-08-31 MyBatis - 7.MyBatis逆向 Generator