vue实现移动端键盘搜索事件监听 - 行业资讯 - 肥雀云

<强> 1,首先注意,输入的类型=皊erch”

　　　　　　& lt;输入@keypress=皊earchGoods”类型=皊erch”占位符=八阉魃唐贰痹?/pre> 　　　　

<强> 2,监听按键响应事件

(1) KeyDown按键弹起事件

这些事件是当一个对象具有焦点时按下(KeyDown)或松开(按键弹起)一个键时发生的。(要解释ANSI字符,应使用键盘按键事件。)

(2)按键响应事件

此事件当用户按下和松开一个ANSI键时发生。

<强> 3,阻止事件默认行为

方法中添加searchGoods方法,

判断键码==13

阻止默认事件(默认是换行)

通过event.target.value获取要搜索的值,调用搜索接口。

　　　　　　searchGoods(事件){ 　　如果事件。键码==13){//如果按的是回车键13是输入　　event.preventDefault ();//禁止默认事件(默认是换行) 　　console.log (event.target.value) 　　烤面包(“点击了确认”) 　　} 　　} 　　　　

<强> 4,大家在项目中会发现强,ios上系统软键盘、键码=13的叫换行,对于客户体验而言,非常不好,能不能修改软键盘的文案呢,答案是肯定的,解决办法移步另一篇文章。

https://www.jb51.net/article/173684.htm(微信内置开发iOS修改键盘”换行”为“搜索”)

以上这篇vue实现移动端键盘搜索事件监听就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。