首页 > 其他 > 详细

键盘事件不生效解决方式

时间:2020-05-22 15:39:47      阅读:57      评论:0      收藏:0      [点我收藏+]

1.

<el-button type="success" @click.enter="gomain()">登录</el-button>
代码如上,在click修饰符,添加发现无效,后来查阅资料才发现要元素处于focus时才可以触发,如果按钮没有被选择,Enter按钮时没有用的,所以可以把监听事件绑在document上

  //添加监听回车按键
created() {  
    var _this = this;
    document.addEventListener("keydown", _this.watchEnter);
  },  
  destroyed() {
    //移除监听回车按键
    var _this = this;
    document.removeEventListener("keydown", _this.watchEnter);
  },
  methods:{
    //监听回车按钮事件
    watchEnter(e) {
      var keyNum = window.event ? e.keyCode : e.which; //获取被按下的键值
      //判断如果用户按下了回车键(keycody=13)
      if (keyNum == 13) {
        按下回车按钮要做的事
      }
    },
  }
复制代码

  2.

<span id="myspan"></span>

js:

 $("#myspan").attr("tabindex",0);

 $("#myspan").focus();

 

键盘事件不生效解决方式

原文:https://www.cnblogs.com/ygunoil/p/12937254.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!