h5键盘输入按钮显示“搜索”,点击执行搜索事件
首先想到的就是Input中type属性设置为search,然后发现并没有用,后来看到资料说要在外层加一层form,加了之后文字确实显示为“搜索”了,可是点击没有执行事件,其实这里的搜索执行的是键盘的回车事件,因为我是用vue写的,本身框架就有对这个事件的修饰符,于是直接附代码
<form action="" v-on:submit.prevent> <input type="search" v-on:keyup.enter="search()" v-model="search_txt" placeholder="请输入内容" /> </form>
需要注意的是,form要阻止默认的提交事件。