javascript - 在仅使用 javascript 或 jquery 的移动浏览器中准备就绪时，键盘会出现吗？

Question

有没有办法显示带有选定编辑文本的键盘。我使用了 focus() ，它非常适合在浏览器中使用。当浏览器准备就绪时，我可以编辑文本。下面是我的代码

$(document).ready(function() {
    var allSelects = document.getElementsByTagName("p");
    var lastSelect = allSelects[allSelects.length - 1];
    lastSelect.focus();

    $("#main_container").click(function() {

        lastSelect.focus();

    });
});

但是当我在移动设备上加载这个网站时，除非触摸，否则它不会出现移动键盘。

请找出解决方案。提前致谢

Answer 1

我试图用您的代码创建一个工作片段。我稍微更改了语法以使用 .on() 和 .trigger() 方法。

也许你可以使用 .trigger() 方法和 touchstart 来实现你想要的:

$(document).ready(function() {
  var allSelects = document.getElementsByTagName("p");
  var lastSelect = allSelects[allSelects.length - 1];

  $("#main_container").on('click', function() {
    lastSelect.focus();
    $(lastSelect).trigger('touchstart');
  });

  $("#main_container").trigger('click');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main_container">
  <p contenteditable=true>Some text</p>
  <p contenteditable=true>Some text</p>
  <p contenteditable=true>Some text</p>
</div>

希望对您有所帮助。