Question

无论如何要将光标的位置放在iOS中的WKWebView中，其中包含可编辑的段落（属性contentEditable设置为true的段落）？

编辑：要添加其他信息，可编辑的div可以包含其他子节点

Answer 1

如果您可以在视图中访问document和鼠标位置，则可以使用document.elementFromPoint(x, y);

Answer 2

这可以通过多种方式使用HTML5（使用autofocus属性）或使用javascript（document.getElementById("IDHERE").focus(); - 使用焦点事件）来完成。我将在一个代码片段中编写所有内容，并根据您的要求使用它。

//if u commnet the second form 
let domObject =  document.getElementById("lname"); // refer which object to focus
domObject.focus(); // event to trigger focus on the refereced dom object  

//throw error till second form is uncommented

<!-- html5 way the most easiest way -->

<form action="/action_page.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname" autofocus><br>
  <input type="submit">
</form>

<!-- autofocus refers where to focus -->
<!-- unncoment below and comment above -->
<!-- javascript way -->

<!-- 
<form action="/action_page.php">
  First name: <input type="text" id="fname"><br>
  Last name: <input type="text" id="lname"><br>
  <input type="submit">
</form>

-->

光标在WKWebView中的位置，在iOS中带有可编辑的段落

2 个答案: