uniapp app安卓键盘监听（无input）

最新推荐文章于 2023-12-29 08:12:14 发布

北京的北京

最新推荐文章于 2023-12-29 08:12:14 发布

阅读量1.9k

点赞数 2

分类专栏： uniapp 文章标签： uni-app 前端

本文链接：https://blog.csdn.net/m0_58135258/article/details/128119328

版权

uniapp 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

如图：

要实现点击asdfhjkl任意键唤起答题说明弹窗，弹窗唤起的情况下点击enter键关闭弹窗，无弹窗的情况下点击enter键直接开始挑战

onShow() {
			// #ifdef APP-PLUS
			plus.key.showSoftKeybord(); //唤起软键盘
			plus.key.addEventListener("keyup", this.keyEvent)
			// #endif
			// #ifdef H5
			document.addEventListener("keyup", this.keyEvent)
			// #endif
		},
		onHide() {
			// #ifdef APP-PLUS
			plus.key.removeEventListener("keyup", this.keyEvent);
			// #endif
			// #ifdef H5
			document.removeEventListener("keyup", this.keyEvent);
			// #endif
		},
		onBackPress() {
			// #ifdef APP-PLUS
			plus.key.removeEventListener("keyup", this.keyEvent);
			// #endif
			// #ifdef H5
			document.removeEventListener("keyup", this.keyEvent);
			// #endif
		},

methods:{
    keyEvent(e) {
				let _this = this;
				// #ifdef APP-PLUS
				console.log(e, '首页')
				if (e.keyCode == '29' || e.keyCode == '47' || e.keyCode == '32' || e.keyCode == '34' || e
					.keyCode == '36' || e.keyCode == '38' || e.keyCode == '39' || e.keyCode == '40') {
					_this.goRule() //唤起规则
				} else if (e.keyCode == '66' && !_this.isRule) {
					_this.goAnwser() //去答题
				} else if (e.keyCode == '66' && _this.isRule) {
					_this.knowEd() //关闭说明
				}
				// #endif
				// #ifdef H5
				console.log(e, '首页')
				if (e.key == 'a' || e.key == 's' || e.key == 'd' || e.key == 'f' || e
					.key == 'h' || e.key == 'j' || e.key == 'k' || e.key == 'l') {
					_this.goRule() //唤起规则
				} else if (e.key == 'Enter' && !_this.isRule) {
					_this.goAnwser() //去答题
				} else if (e.key == 'Enter' && _this.isRule) {
					_this.knowEd() //关闭说明
				}
				// #endif
			},

  }

事件说明链接：HTML5+ API Reference