Heim > Fragen und Antworten > Hauptteil
想做出来的效果是想手机淘宝那样,点搜索框跳到新页面,键盘自动出来。
淘宝是用原生的,我是 js。
试过用原生 js 和 jquery 添加 focus 事件,
也试过给一个按钮添加 click 事件绑定 input 的 focus 事件,通过触发 click 事件然后触发 focus ,
都没有用~
几十次中有那么一两次键盘能出来。
求大神指导。。。
有人也提了同样的问题
https://segmentfault.com/q/10...
PHP中文网2017-04-11 10:10:31
元素获得焦点时本来就会自动弹出虚拟键盘啊
手机访问这个页面:http://output.jsbin.com/huzuv...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<input class="focus-element" type="tel">
<button class="get-focus">获得焦点并弹出虚拟键盘</button>
<script>
(function($){
$('.get-focus').addEventListener('click', function(){
$('.focus-element').focus();
});
})(document.querySelector.bind(document));
</script>
</body>
</html>