vue的键盘事件直接绑定无效？ - Bright2017的博客 - CSDN博客

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Bright2017/article/details/78213112

想给搜索框加上回车事件，方便操作，但是发现，直接写在绑定事件上必须先点击一次，获取了焦点之后再次按回车键才能触发见键盘事件。

错误代码：

<input type="button" value="搜索"  class="product-right" @click="productSearch" @keyup.enter="productSearch"/>

正确代码：

created:function(){
// 主页添加键盘事件,注意,不能直接在焦点事件上添加回车
var lett=this;
document.onkeydown=function(e){
var key=window.event.keyCode;
if(key==13){
lett.productSearch();
}
}
}

不能直接将事件添加写在input上，因为这样必须焦点在input上才能触发，所以可以直接绑定在document上即可。

原网址: 访问
创建于: 2018-10-13 22:14:47
目录: default
标签: 无

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论