其他分享
首页 > 其他分享> > uniapp vue TV端,如何接收遥控器输入

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

作者:互联网

安卓端中 如何接收遥控器输入,网上看到很多人使用 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