Key管理设备按键事件

最新推荐文章于 2023-12-27 16:45:06 发布
最新推荐文章于 2023-12-27 16:45:06 发布
阅读量2k 收藏
点赞数
分类专栏： 编程小技能 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40575646/article/details/122819230
版权

方法：

对象：

回调方法：

权限：

5+功能模块（permissions）

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#ffffff">{</span>
<span style="color:#87ceeb">// ...</span>
<span style="color:#ffa0a0">"permissions"</span><span style="color:#ffffff">:{</span>
	<span style="color:#87ceeb">// ...</span>
	<span style="color:#ffa0a0">"Webview"</span><span style="color:#ffffff">:</span> <span style="color:#ffffff">{</span>
		<span style="color:#ffa0a0">"description"</span><span style="color:#ffffff">:</span> <span style="color:#ffa0a0">"窗口管理"</span>
	<span style="color:#ffffff">}</span>
<span style="color:#ffffff">}</span>
<span style="color:#ffffff">}</span>
			</code></span></span>

addEventListener

添加按键事件监听器

<span style="background-color:#333333"><span style="color:#474747"><code><span style="color:#ffffff">
plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffffff"> keyevent</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> listener</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> capture </span><span style="color:#ffffff">);</span>
				</code></span></span>

说明：

添加按键事件监听器，当指定的按键事件发生时，回调函数将触发。 应用中存在多个Webview窗口时，按照窗口的显示栈顺序从后往前查找，查找到添加按键事件监听器的窗口后停止（中断前面Webview窗口对按键事件的监听），并向窗口触发执行按键回调事件。 在同一Webview窗口中可多次调用此方法对同一事件添加多个监听器，触发时按照添加的顺序先后调用。 注意：此方法无法监听软键盘的按键事件。

参数：

  • event: ( KeyType ) 必选 要监听的按键事件类型

  • listener: ( KeyEventCallback ) 必选 监听按键事件发生时调用的回调函数

  • capture: ( Boolean ) 可选 捕获按键事件流顺序，暂作为保留参数

返回值：

void : 无

示例：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Key Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#87ceeb">// 监听“返回”按钮事件</span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> addEventTest</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">"backbutton"</span><span style="color:#ffffff">,</span><span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
		alert</span><span style="color:#ffffff">(</span> <span style="color:#ffa0a0">"BackButton Key pressed!"</span> <span style="color:#ffffff">);</span>
	<span style="color:#ffffff">});</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">addEventTest</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">监听“返回”按键</span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
				</code></span></span>

uni-app使用plus注意事项

hideSoftKeybord

隐藏软键盘

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">hideSoftKeybord</span><span style="color:#ffffff">();</span>
				</code></span></span>

说明：

隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。

参数：

无

返回值：

void : 无

示例：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Key Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#87ceeb">// H5 plus事件处理</span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		编辑框：</span><span style="color:#f0e68c"><strong><input</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text"</span> <span style="color:#bdb76b"><strong>placeholder</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"请输入"</span><span style="color:#f0e68c"><strong>></input><br/></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">hideSoftKeybord</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">隐藏软键盘</span><span style="color:#f0e68c"><strong></button><br/></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
				</code></span></span>

uni-app使用plus注意事项

setAssistantType

设置辅助输入类型

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">setAssistantType</span><span style="color:#ffffff">(</span><span style="color:#ffffff">type</span><span style="color:#ffffff">);</span>
				</code></span></span>

说明：

input的type类型为text获取焦点时，在软键盘上方显示辅助输入条方便用户快速输入。 在页面中input编辑框type类型不为"tel"、"email"时生效（type为tel类型时一定显示tel的辅助输入条，type为email时一定显示email的辅助输入条）。

参数：

  • type: ( String ) 必选 辅助输入类型

    可取值： "nick" - 用户名（昵称）类型，自动保存最后输入的两个用户名，并在辅助输入条上显示； "address" - 地址类型，在辅助输入条上显示当前位置（定位获取）、家庭地址（在设置界面中配置）、单位地址（在设置界面中配置）； "tel" - 电话号码类型，自动保存最后两次输入的两个手机号码显示在辅助输入条上，与input的type类型为tel逻辑一致； "email" - 邮箱地址类型，自动保存最后两次输入的两个邮箱地址显示在辅助输入条上，与Input的type类型为email逻辑一致； "company" - 公司名称类型，自动保存最后一次输入的公司名称显示在辅助输入条上； "tax" - 税号类型，自动保存最后一次输入的企业税务标识显示在辅助输入条上； "id" - 身份证号码类型，自动保存最后一次输入的身份证号显示在辅助输入条上； "none" - 不使用辅助输入。

返回值：

void : 无

示例：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Key Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#87ceeb">// H5 plus事件处理</span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		用户名编辑框：</span><span style="color:#f0e68c"><strong><input</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text"</span> <span style="color:#bdb76b"><strong>onfocus</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">setAssistantType</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'nick'</span><span style="color:#ffffff">)</span><span style="color:#ffa0a0">"</span> <span style="color:#bdb76b"><strong>onblur</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">setAssistantType</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'none'</span><span style="color:#ffffff">)</span><span style="color:#ffa0a0">"</span> <span style="color:#bdb76b"><strong>placeholder</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"请输入用户名"</span><span style="color:#f0e68c"><strong>></input><br/></strong></span><span style="color:#ffffff">
		地址编辑框：</span><span style="color:#f0e68c"><strong><input</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text"</span> <span style="color:#bdb76b"><strong>onfocus</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">setAssistantType</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'address'</span><span style="color:#ffffff">)</span><span style="color:#ffa0a0">"</span> <span style="color:#bdb76b"><strong>onblur</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">setAssistantType</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'none'</span><span style="color:#ffffff">)</span><span style="color:#ffa0a0">"</span> <span style="color:#bdb76b"><strong>placeholder</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"请输入地址"</span><span style="color:#f0e68c"><strong>></input><br/></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
				</code></span></span>

uni-app使用plus注意事项

showSoftKeybord

显示软键盘

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">showSoftKeybord</span><span style="color:#ffffff">();</span>
				</code></span></span>

说明：

强制显示系统软键盘，如果软键盘已经显示则不做任何操作。

参数：

无

返回值：

void : 无

平台支持：

  • Android - ALL (支持)
  • iOS - ALL (不支持) :

    需获取DOM中的input元素并调用其focus方法获取焦点才能主动弹出系统软键盘。

示例：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Key Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#87ceeb">// H5 plus事件处理</span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">'plusready'</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">,</span> <span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		编辑框：</span><span style="color:#f0e68c"><strong><input</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text"</span> <span style="color:#bdb76b"><strong>placeholder</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"请输入"</span><span style="color:#f0e68c"><strong>></input><br/></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">showSoftKeybord</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">显示软键盘</span><span style="color:#f0e68c"><strong></button><br/></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
				</code></span></span>

uni-app使用plus注意事项

removeEventListener

移除按键事件监听器

<span style="background-color:#333333"><span style="color:#474747"><code><span style="color:#ffffff">
plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">removeEventListener</span><span style="color:#ffffff">(</span> <span style="color:#f0e68c"><strong>event</strong></span><span style="color:#ffffff">,</span><span style="color:#ffffff"> listener </span><span style="color:#ffffff">);</span>
				</code></span></span>

说明：

从窗口移除指定的事件监听器。若没有查找到对应的事件监听器，则无任何作用。

参数：

  • event: ( KeyType ) 必选 要移除的事件类型

  • listener: ( KeyEventCallback ) 必选 要移除回调函数对象

返回值：

void : 无

示例：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Key Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> onback</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	alert</span><span style="color:#ffffff">(</span> <span style="color:#ffa0a0">"BackButton Key pressed!"</span> <span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">// 监听“返回”按钮事件</span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> addEventTest</span><span style="color:#ffffff">()</span> <span style="color:#ffffff">{</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">"backbutton"</span><span style="color:#ffffff">,</span><span style="color:#ffffff">onback</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#87ceeb">// 取消监听“返回”按钮事件</span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> removeEventTest</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">removeEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">"backbutton"</span><span style="color:#ffffff">,</span><span style="color:#ffffff">onback</span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">addEventTest</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">监听“返回”按键</span><span style="color:#f0e68c"><strong></button></strong></span>
		<span style="color:#f0e68c"><strong><button</strong></span> <span style="color:#bdb76b"><strong>onclick</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"</span><span style="color:#ffffff">removeEventTest</span><span style="color:#ffffff">()</span><span style="color:#ffa0a0">"</span><span style="color:#f0e68c"><strong>></strong></span><span style="color:#ffffff">取消监听“返回”按键</span><span style="color:#f0e68c"><strong></button></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
				</code></span></span>

uni-app使用plus注意事项

KeyType

按键类型

常量：

  • "backbutton": (String 类型 )设备“返回”按钮按键事件

    如果需要改变默认“返回”按钮的处理逻辑，则可通过plus.key.addEventListener来注册监听"backbutton"事件。

    平台支持

    • Android - 2.2+ (支持) :

      默认处理逻辑为退出应用。

    • iOS - ALL (支持) :

      标题栏的“返回”按钮点击时触发此事件。 默认不处理此事件。

  • "keydown": (String 类型 )键按下事件

    如果需要改变默认键按下的处理逻辑，则可通过plus.key.addEventListener来注册监听"keydown"事件。 可通过回调函数中KeyEvent对象的keyCode来获取按下的键值。

    平台支持

    • Android - 2.2+ (支持) :

      根据系统keydown事件触发，软键盘不会触发此事件。 默认处理逻辑由系统决定。

    • iOS - ALL (不支持) :

      不触发此事件。

  • "keyup": (String 类型 )键松开事件

    如果需要改变默认键松开的处理逻辑，则可通过plus.key.addEventListener来注册监听"keyup"事件。 可通过回调函数中KeyEvent对象的keyCode来获取松开的键值。

    平台支持

    • Android - 2.2+ (支持) :

      根据系统keyup事件触发，软键盘不会触发此事件。 默认处理逻辑由系统决定。

    • iOS - ALL (不支持) :

      不触发此事件。

  • "longpressed": (String 类型 )长按键事件

    如果需要改变默认长按键的处理逻辑，则可通过plus.key.addEventListener来注册监听"longpressed"事件。 长按键时会多次触发回调函数，通过回调函数中KeyEvent对象的keyCode来获取长按的键值。

    平台支持

    • Android - 2.2+ (支持) :

      根据系统keyup事件触发，软键盘不会触发此事件。 默认处理逻辑由系统决定。

    • iOS - ALL (不支持) :

      不触发此事件。

  • "menubutton": (String 类型 )设备“菜单”按钮按键事件

    如果需要改变默认“菜单”按钮的处理逻辑，则可通过plus.key.addEventListener来注册监听"menubutton"事件。

    平台支持

    • Android - 2.2+ (支持) :

      默认处理逻辑无操作。

    • iOS - ALL (不支持) :

      不触发此事件。

  • "searchbutton": (String 类型 )设备“搜索”按钮按键事件

    如果需要改变默认“搜索”按钮的处理逻辑，则可通过plus.key.addEventListener来注册监听"searchbutton"事件。

    平台支持

    • Android - 2.2+ (支持) :

      默认处理逻辑为打开系统搜索应用。

    • iOS - ALL (不支持) :

      不触发此事件。

  • "volumeupbutton": (String 类型 )设备“音量+”按钮按键事件

    如果需要改变默认“音量+”按钮的处理逻辑，则可通过plus.key.addEventListener来注册监听"volumeupbutton"事件。

    平台支持

    • Android - 2.2+ (支持) :

      默认处理逻辑为增加系统音量。

    • iOS - ALL (不支持) :

      不触发此事件。

  • "volumedownbutton": (String 类型 )设备“音量-”按钮按键事件

    如果需要改变默认“音量-”按钮的处理逻辑，则可通过plus.key.addEventListener来注册监听"volumedownbutton"事件。

    平台支持

    • Android - 2.2+ (支持) :

      默认处理逻辑为减少系统音量。

    • iOS - ALL (不支持) :

      不触发此事件。

KeyEvent

按键事件

属性：

  • keyCode: (Number 类型 )触发按键事件的键值

    键值由各系统平台定义，一些特殊按键在不同的设备上可能存在差异。

    <span style="background-color:#333333"><code>
<span style="color:#cccccc"><!DOCTYPE html></span>
<span style="color:#f0e68c"><strong><html></strong></span>
	<span style="color:#f0e68c"><strong><head></strong></span>
	<span style="color:#f0e68c"><strong><meta</strong></span> <span style="color:#bdb76b"><strong>charset</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"utf-8"</span><span style="color:#f0e68c"><strong>></strong></span>
	<span style="color:#f0e68c"><strong><title></strong></span><span style="color:#ffffff">Key Example</span><span style="color:#f0e68c"><strong></title></strong></span>
	<span style="color:#f0e68c"><strong><script</strong></span> <span style="color:#bdb76b"><strong>type</strong></span><span style="color:#ffffff">=</span><span style="color:#ffa0a0">"text/javascript"</span><span style="color:#f0e68c"><strong>></strong></span>
<span style="color:#87ceeb">// H5 plus事件处理</span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> plusReady</span><span style="color:#ffffff">(){</span>
	<span style="color:#87ceeb">// 监听键按下事件</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">"keydown"</span><span style="color:#ffffff">,</span><span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">"keydown: "</span><span style="color:#ffffff">+</span><span style="color:#ffffff">e</span><span style="color:#ffffff">.</span><span style="color:#ffffff">keyCode</span><span style="color:#ffffff">);</span>
	<span style="color:#ffffff">},</span><span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
	<span style="color:#87ceeb">// 监听键松开事件</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">"keyup"</span><span style="color:#ffffff">,</span><span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">"keyup: "</span><span style="color:#ffffff">+</span><span style="color:#ffffff">e</span><span style="color:#ffffff">.</span><span style="color:#ffffff">keyCode</span><span style="color:#ffffff">);</span>
	<span style="color:#ffffff">},</span><span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
	<span style="color:#87ceeb">// 监听长按键事件</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">key</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">"longpressed"</span><span style="color:#ffffff">,</span><span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
		console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">"longpressed: "</span><span style="color:#ffffff">+</span><span style="color:#ffffff">e</span><span style="color:#ffffff">.</span><span style="color:#ffffff">keyCode</span><span style="color:#ffffff">);</span>
	<span style="color:#ffffff">},</span><span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
<span style="color:#f0e68c"><strong>if</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">window</span><span style="color:#ffffff">.</span><span style="color:#ffffff">plus</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
	plusReady</span><span style="color:#ffffff">();</span>
<span style="color:#ffffff">}</span><span style="color:#f0e68c"><strong>else</strong></span><span style="color:#ffffff">{</span><span style="color:#ffffff">
	document</span><span style="color:#ffffff">.</span><span style="color:#ffffff">addEventListener</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">"plusready"</span><span style="color:#ffffff">,</span><span style="color:#ffffff">plusReady</span><span style="color:#ffffff">,</span><span style="color:#f0e68c"><strong>false</strong></span><span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
	<span style="color:#f0e68c"><strong></script></strong></span>
	<span style="color:#f0e68c"><strong></head></strong></span>
	<span style="color:#f0e68c"><strong><body></strong></span><span style="color:#ffffff">
		监听键事件</span><span style="color:#f0e68c"><strong><br/></strong></span>
	<span style="color:#f0e68c"><strong></body></strong></span>
<span style="color:#f0e68c"><strong></html></strong></span>
						</code></span>
  • keyType: (KeyType 类型 )按键事件类型

    用于表明触发此按键事件的类型，值为KeyType中定义的值。

KeyEventCallback

按键事件的回调函数

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#f0e68c"><strong>void</strong></span><span style="color:#ffffff"> onKeyEvent</span><span style="color:#ffffff">(</span> <span style="color:#98fb98">KeyEvent</span> <span style="color:#f0e68c"><strong>event</strong></span> <span style="color:#ffffff">){</span>
	<span style="color:#87ceeb">// Event handled code.</span>
	<span style="color:#f0e68c"><strong>var</strong></span><span style="color:#ffffff"> key</span><span style="color:#ffffff">=</span><span style="color:#f0e68c"><strong>event</strong></span><span style="color:#ffffff">.</span><span style="color:#ffffff">keyCode</span><span style="color:#ffffff">;</span> <span style="color:#87ceeb">// 用户按键的键值</span>
<span style="color:#ffffff">}</span>
				</code></span></span>

参数：

  • event: ( KeyEvent ) 必选 监听用户按键操作返回的数据

    可通过event的keyCode属性（String类型）获取用户按键的类型，参考KeyType类型。

返回值：

void : 无

低吟~浅唱
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
keyevent 封装_超详细！各大平台的 keyevent () 解析
weixin_39846898的博客
12-23 2059
前言今天我们来聊一聊keyevent()接口，这个接口不仅能帮我们实现一些操作，比如删除输入框的内容、返回上一页等(下文会有详细的示例介绍)。并且合理地使用keyevent()接口，在一些情况下还会让我们脚本的兼容性更好。keyevent()接口介绍在Airtest中，keyevent()接口是在设备上执行keyevent按键事件，它包含2个参数：keyname – 平台相关的按键名称**kwar...
Android input设备注册发送key
07-29
首先，Android系统的输入管理主要由InputManager服务负责，它会处理来自各种输入设备的事件。当设备启动时，Android会扫描系统中的所有输入设备，并根据`/sys/class/input/*`目录下的设备节点进行注册。开发者可以...
QKeyEvent获取键盘按键
judgejames的博客
06-21 5539
翻译：返回按下或释放的键的代码。 有关键盘代码列表，请参见qt：：key。这些代码独立于底层窗口系统。请注意，此函数不区分大写字母和非大写字母，为此，请使用text（）函数（返回生成键的Unicode文本）。 值0或qt:：key_unknown表示事件不是已知键的结果；例如，它可能是合成序列、键盘宏或键事件压缩的结果。 需要引入头文件： #include<QEvent&g...
android中的按钮监听事件,Android中的按键监听
weixin_39686048的博客
05-26 575
1.按键的监听事件第一种方法：多个按键监听A首先实现监听接口public class MainActivity extends Activity implements OnClickListenerB在重写的protected void onCreate(Bundle savedInstanceState)方法中定义findViewById(R.id.button1).setOnClickList...
如何取消button的点击特效_如何衡量一个人的 JavaScript 水平？
weixin_39973196的博客
12-03 393
如何衡量一个人的 JavaScript 水平？作者：陈大鱼头github： KRISACHAN前言之前刷知乎的时候，看到这么一个问题：“如何衡量一个人的 JavaScript 水平？”然后自己也不要脸地回答了一下这个问题。以下是我的答案：原文如下：A：看一个人写代码是否有规范，代码是否壮健，是否可拓展，可读性高不高，API设计是否合理。这些都是长年累月积累下来的且独立于编程语言以外的。远比把什么手...
android检测物理按钮事件,native js 如何监听到设备物理按钮事件
weixin_34139050的博客
05-26 471
首先我们使用mui 开发app 程序，其中用到第三方插件和设备插件是按照MUI 官网已经实现，但是设备有一个物理按键，这个物理按键是读卡用(code:280)首先我使用android原生写法可以监听到这个按键的事件，使用MUI 官网给的示例只能监听到常规按键的事件，代码如下android 原生代码如下@Overridepublic boolean onKeyDown(int keyCode, ...
usbkey.rar_usbkey _键盘
09-19
固件需要能够处理用户交互、存储和管理安全信息，并在适当的时候向主机发送模拟的键盘事件。 4. **安全存储**：USBkey内的敏感信息，如私钥和证书，需要以加密形式存储，防止未授权访问。这通常通过AES等加密算法...
arm7-Key.rar_ads键盘实验_key arm
09-19
标题"arm7-Key.rar_ads键盘实验_key arm"暗示我们将在ARM7处理器上进行键盘输入功能的开发，并且这个项目或教程可能以RAR压缩格式提供，其中包含了相关的代码和资源。"ads键盘实验"表明实验的核心部分是在ADS1.2环境...
KEY84键盘定义
05-15
"KEY84键盘"的设计和功能通常会考虑到零售行业的特殊需求，比如快速输入商品条形码、进行交易操作（如退款、挂单等）、以及可能的后台库存管理等功能。它的布局可能会不同于常见的个人电脑键盘，更强调效率和易用性...
key_int.zip_按键
09-22
在Linux系统中，设备驱动是操作系统与硬件之间的重要桥梁，它负责抽象硬件功能，使得操作系统可以以统一的方式管理各种硬件设备。在这个特定的案例中，我们关注的是"按键"驱动，尤其是在S3C2440处理器上的实现。S3C...
uniapp监听扫码枪键盘事件|无输入框式监听
最新发布
hcy5201314521的博客
12-27 2678
这篇文章，是纯借鉴下面这一篇文章的，感觉下面这一篇文章写的非常好一般的扫码枪通过USB或蓝牙连接手机或电脑，充当的是一个外接设备。当扫码后，扫码枪会自动识别内容，然后向连接的电脑或手机发送keydown或keyup。
uniapp监听系统音量按键
love_yourself_ok的博客
12-14 563
uniapp监听系统音量按键
移动端默认返回按键，使用h5+修改默认事件
有问题可关注公众号：前端研究院 后台输入问题回复
03-12 2426
  hbuilder的h5+提供开发webapp的诸多便利，很多手机自带back虚拟按键，如果不修改其默认事件，点一下app就退出了，所以我这里提供一种修改这个按键默认事件事件的代码。　首先你要用hbuilder创建一个移动项目，选择空模板，然后将你项目文件全部粘贴进去，首先在你的首页index.html添加如下代码，12345678910111213&lt;script&gt;    docum...
html5 key键值屏蔽,Key · Html5+参考 · 看云
weixin_42512128的博客
06-09 458
# [key]()Key管理设备按键事件### 方法：- [addEventListener](http://www.dcloud.io/docs/api/zh_cn/key.shtml#plus.key.addEventListener): 添加按键事件监听器- [removeEventListener](http://www.dcloud.io/docs/api/zh_cn/key.shtml...
uniapp隐藏键盘
qq_34631220的博客
10-07 2963
mounted() { uni.onWindowResize((res) => { plus.key.hideSoftKeybord() }) },
关于KeyEvent.Callback
weixin_34218890的博客
05-09 396
keycode------------&gt;KEYCODE_BACK,KEYCODE_MENU event.getAction-------&gt;ACTION_DOWN,ACTION_UP,ACTION_MULTIPLE |_____onKeyUp,onKeyDown,onKeyLongPress   http://xys289187120.blog.51cto.com/3361352...
uniapp 点击自带的导航栏顶部按钮返回上一页面不关闭键盘的问题
lqx_520的博客
11-12 7442
uniapp 项目中点击顶部导航栏按钮返回上衣页面不关闭键盘 解决办法: plus.key.hideSoftKeybord()
注册事件 解绑事件 DOM事件流 事件对象 事件委托 常用的鼠标事件 鼠标对象 常用的键盘事件 键盘对象
procul的博客
03-30 140
传统注册方式 On开头的事件 但是事件具有唯一性 事件监听方式 addEvenListener 事件监听方式 //同一个元素 同一个事件 可以添加多个侦听器 考虑兼容性 用法 事件不带on 而且是字符串形式 监听对象.addEvenListener( '事件 ',function()/绑定函数名，true or false ) true 事件处于捕获阶段(石头落水...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值