强制键盘出现

时间:2014-05-25 17:01:08

标签: javascript html5 mobile

如何让键盘出现在我的网站上? 这是一个读取键盘输入的javascript脚本,但我无法让键盘显示在我的移动设备上。

是否存在“伪造”标准输入的内容,并允许触发关键事件?

我需要说的是,我要做的是在jCubic终端模拟器上启用键盘:http://terminal.jcubic.pl/

1 个答案:

答案 0 :(得分:2)

您可以通过以下方式执行此操作:

  • prompt()打开键盘
  • 如果您从.focus()事件中触发.click()(例如打开对话框),键盘会显示

对于Android和iOS,.focus()似乎工作正常,但您必须等待页面完全呈现。

见这个例子:

function focus() {
  $('input').focus();
}

$(function() {
  focus();

  $(document.body).load(focus);
  $('#click').click(focus);
  $('#click-timeout').click(function() {
    setTimeout(focus, 1000);
  });
  $('#mousedown').mousedown(focus);
  $('#mousedown-timeout').mousedown(function() {
    setTimeout(focus, 1000);
  });
  $('#mouseup').mouseup(focus);
  $('#mouseup-timeout').mouseup(function() {
    setTimeout(focus, 1000);
  });
  $('#extern-click-trigger').click(function() {
    $('#click').click();
  });
  $('#tap').bind('tapone', function() {
    focus();
  });
  $('#tap-triggering-click').bind('tapone', function() {
    $('#click').click();
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<input />
<p id="click">Click handler</p>
<p id="click-timeout">Click handler setting timeout</p>
<p id="mousedown">Mousedown handler</p>
<p id="mousedown-timeout">Mousedown handler setting timeout</p>
<p id="mouseup">Mouseup handler</p>
<p id="mouseup-timeout">Mouseup handler setting timeout</p>
<p id="extern-click-trigger">Clicking here will trigger click on the first 'Click Handler'</p>
<p id="tap">Virtual 'TAP' handler</p>
<p id="tap-triggering-click">Virtual 'TAP' handler triggering click on the first 'Click handler'</p>

相关问题