移动端呼出键盘换行改为搜索

在移动端有的时候设计稿不给出设计按钮,是需要回车搜索的,这时候希望将键盘上的enter换成搜索

默认对应的是换行

第一步:在input外面包一层form结构

,此时对应的按钮变成前往

第二步:为form添加action,input改为search类型。

,此时对应的按钮变为搜索。此时虽然变成搜索,但是默认表单提交是由重定向的,因此还需要对默认提交事件做修改,当然,如果应用场景刚好跟默认提交契合,则不需要第三步了

第三步:以Vue为例,去除默认提交事件。

你可能感兴趣的:(JavaScript)