解决方案:移动终端输入框中带有搜索按钮的弹出键盘的实现方法

电脑杂谈  发布时间:2020-10-01 12:39:37  来源:网络整理

我不知道如何使用标题来表达我的意思。您可以先看一下图片:

移动端输入框弹出键盘带搜索按钮的实现方法

这意味着在移动终端上按下键盘后,确认键的文本成为搜索键,这对用户来说是更好的体验,尤其是在搜索时。

因此,当用户单击输入时,如何弹出带有搜索按钮的键盘实际上非常简单,只需添加type =“ search”。

代码如下:

“关键字”占位符=“输入关键字搜索” type =“ search” />

获取搜索按钮的点击事件的代码如下:

$(“#keyword”)。on('keypress',function(e){

var keycode = e.keyCode;

var searchName = $(this).val();

if(keycode =='13'){

e.preventDefault();

//请求搜索界面

}

});

在评论后添加要添加的事件。您可以使用alert(“ test”);试试吧。

最后,让我解释一下这种方法也可以在PC端使用。此时,键盘不会弹出。物理键盘上的ENTER键等效于搜索按钮。

此站点上的所有资源都在资源资源站中共享,您可以单击>>>进入资源站以进行自我提取。


本文来自电脑杂谈,转载请注明本文网址:
https://www.pc-fly.com/a/bofangqi/article-323152-1.html

    相关阅读
      发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

      热点图片
      拼命载入中...