autofocus
6 人关注该话题
【报Bug】input autofocus 在IOS13上失效。 autofocus input
小涵 2019-09-21 14:00 发起问题 • 1 人关注 • 0 个回复 • 830 次浏览
iOS使用Native.js实现打开页面不会自动聚焦弹出软键盘 iOS autofocus Native.JS
l***@aliyun.com 2019-05-27 14:25 回复问题 • 2 人关注 • 1 个回复 • 1475 次浏览
打开页面默认弹出键盘 弹出软键盘 autofocus 软键盘 输入法
6***@qq.com 2019-05-10 22:12 回复问题 • 53 人关注 • 29 个回复 • 74575 次浏览
有没有办法自动聚焦到一个输入框？ autofocus focus
4***@qq.com 2017-06-17 23:05 回复问题 • 3 人关注 • 3 个回复 • 3809 次浏览
Uncaught TypeError: Cannot call method 'prompt' of undefined 跟新就出了这个问题 autofocus
xhr 2017-03-25 15:48 回复问题 • 7 人关注 • 9 个回复 • 2041 次浏览
赞同来自: DIOGO 、beckzl 、2***@qq.com
============以下为历史答案=============... 显示全部 »
============以下为历史答案==================
autofocus不一定在所有Android平台支持自动弹出软键盘，可以通过native.js来强制弹出：
```javascript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Native.js</title>
<script type="text/javascript">
// H5 plus事件处理
function plusReady(){
var Context = plus.android.importClass("android.content.Context");
var InputMethodManager = plus.android.importClass("android.view.inputmethod.InputMethodManager");
var main = plus.android.runtimeMainActivity();
var imm = main.getSystemService(Context.INPUT_METHOD_SERVICE);
imm.toggleSoftInput(0,InputMethodManager.SHOW_FORCED);
}
document.addEventListener("plusready",plusReady,false);
</script>
</head>
<body>
<button onclick="plus.webview.currentWebview().close()">Close</button><br/>
<input type="text" autofocus="autofocus"/>
<br/>
打开页面后编辑框自动获取焦点并显示软键盘
</body>
</html>
```
**注意：autofocus属性只有4.0以上版本才支持**
iOS打开页面自动弹出键盘(input不要添加autofocus)
```javascript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Native.js</title>
<script type="text/javascript">
// H5 plus事件处理
function plusReady(){
var webView = plus.webview.currentWebview().nativeInstanceObject();
webView.plusCallMethod({"setKeyboardDisplayRequiresUserAction":false});
document.getElementById("testautofocus").focus();
}
document.addEventListener("plusready",plusReady,false);
</script>
</head>
<body>
<button onclick="plus.webview.currentWebview().close()">Close</button><br/>
<input type="text" id="testautofocus"/>
<br/>
打开页面后编辑框自动获取焦点并显示软键盘
</body>
</html>
```
