uniapp vue TV端，如何接收遥控器输入

2022-03-07 14:35:12 阅读：581 来源： 互联网

标签：uniapp vue TV text 监听遥控器接收 evt keyCode

安卓端中如何接收遥控器输入，网上看到很多人使用 plus.key.addEventListener( keyevent, listener, capture ); 但说只能接收几个按键，我测试的时候直接接收不到。后面看到另外一篇文章受到启发，可以使用h5中的onkeydown事件监听。写了个示例，经测试达到了我想要的效果，遥控器上的大部分按钮可以监听到，有几个也监听不到，比如返回、音量键。其余大部分是可以的，记录一下留个笔记。

主要使用到了

renderjs，官方文档请看这里 https://uniapp.dcloud.io/frame?id=renderjs

测试代码如下：

 1 <template>
 2     <view>
 3         <label style="margin: 20px; display: block;">-{{text}}-</label>
 4         <view @click="whole.onClick" id="onClick"></view>
 5     </view>
 6 </template>
 7 
 8     
 9 <script>
10     export default {
11         data() {
12             return {
13                 text: 'text'
14             }
15         },
16         methods:{
17             keyCodeClick(keyCode) {
18                 this.text = keyCode;
19             }
20         }
21     }
22 </script>
23 
24 <script module="whole" lang="renderjs">
25     let keyCode;
26     export default {
27         mounted() {
28             //全局监听按键输入
29             window.document.onkeydown = function(evt) {
30                 evt = evt || window.event;
31                 keyCode = evt.which || evt.keyCode;
32                 document.getElementById("onClick").click();
33             }
34         },
35         methods: {
36             onClick(event, ownerInstance, c) {
37                 // 调用 service 层的方法
38                 ownerInstance.callMethod('keyCodeClick', keyCode);
39             }
40             
41         }
42     }
43 </script>

标签：uniapp,vue,TV,text,监听,遥控器,接收,evt,keyCode
来源： https://www.cnblogs.com/mumu9008/p/15975732.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

uniapp vue TV端，如何接收遥控器输入