vue项目el-input电脑键盘恶性事件
  • 作者:admin
  • 发表时间:2020-11-06 07:50
  • 来源:未知

一、 融合elemt-ui的 el-input 文本框 ,当键入以后敲回车键要想检索

@keydown.enter.native=”searchEnterFun”

 

 

二、一般input的电脑键盘恶性事件

非 element-UI 部件,立即 @keyup.enter 就可以。

<pre class="wp-block-code"><code><input plac唐山网站设计方案eholder="检索" type="text" @keyup.enter="searchEnterFun"></code></pre>

在methods方式里,写上监视的方式,当获得的keyCode 为13时,表明按住了回车,假如必须监视空格符或是别的键,换为其他键值

searchEnterFun:function(e){

var keyCode = window.event? e.keyCode:e.which;

// console.log('回车键检索',keyCode,e);

if(keyCode == 13 && this.input){

this.$router.push({path:'/Share?keywords=' this.input});

}

}

which 和 keyCode 特性出示了处理电脑浏览器的兼容模式的方式。

keyCode特性回到onkeypress恶性事件开启的键的值的标识符编码,或是 onkeydown 或 onkeyup 恶性事件的键的编码

留意:

在 Firefox 中,keyCode 特性在 onkeypress 恶性事件中是失效的 (回到 0)。电脑浏览器兼容性问题,能够一起应用 which 和 keyCode 特性来处理:

var keyCode = window.event ? e.keyCode:e.which;

which 特性回到onkeypress恶性事件开启的键的值的标识符编码,或是 onkeydown 或 onkeyup 恶性事件的键的编码

文章内容来源于:田珊珊个人网站

来源于详细地址:http://www.tianshan277.com/759.html