我有一个问题,关注iPad上的文本字段.我在哪里使用:
$(document).bind("click",function(event) {
alert('click');
focusTextArea();
});
Run Code Online (Sandbox Code Playgroud)
焦点设置为文本区域,并出现键盘.但是,当使用touchend调用时,focusTextArea不会调用并且键盘不可见.我的focusTextArea功能是:
function focusTextArea() {
$('#textArea').focus();
}
Run Code Online (Sandbox Code Playgroud)
有谁知道为什么会发生这种情况,以及我怎么能够让它发挥作用?
TIA,
亚当
我正在开发一个html5应用程序,它将在自助服务终端模式的iPad上使用.用户必须做的第一件事是登录,所以当主页加载时,我希望屏幕键盘弹出焦点在第一个字段中.
我已经尝试了所有我能想到的变体,包括
谁有人想出如何使键盘自动出现?
当达到输入的最大长度时,我使用下面的 JavaScript 将焦点更改为表单中的下一个输入。它在台式机上运行良好,但在平板电脑上不起作用。当当前输入失去焦点时,虚拟键盘会自行关闭,下一个输入框也不会获得焦点。
有谁知道如何在不使用本机“下一步”按钮的情况下更改平板电脑上的输入焦点?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale=1.0" />
<title>inpuTest</title>
<script language="JavaScript">
function myCtrl(elmnt)
{
if (elmnt.value.length==elmnt.maxLength)
{
next=elmnt.tabIndex
if (next<document.frmContact.elements.length)
{
document.frmContact.elements[next].focus()
}
}
}
</script>
<style type="text/css">
form{
margin:0 auto;
background-color:#CCC;
padding:2%;
border:1px solid #999;
}
form input,textarea{
width:96%;
}
</style>
</head>
<body>
<form name="frmContact" method="post">
<strong>1. Your name:</strong> <span class="times_17">(max-lenght 4)</span><br /><br />
<input name="formName" tabindex="1" value="" placeholder="Name" maxlength="4" type="text" …Run Code Online (Sandbox Code Playgroud)