Question

我有一个包含keyup上textarea值的div，所以当我输入textarea时，它显示在div中，div是textarea的注释预览。当我点击div时，是否可以模拟textarea中的点击？所以，如果在div中我点击“hello world my am on you”这个单词中的'world'这个词，那么它会模拟textarea中同一个单词的同一个单词？

有没有办法用jquery做到这一点？

Answer 1

“模拟textarea 中中同一个单词的点击

我想很难在textarea中捕获文本的确切位置，但你可以在下面做一些事情（尽管它不符合你的要求）。请尝试了解。我觉得这很难，因为只需点击<div />标签中的某些文字就不会给出Word的偏移位置。如果您要在 div 中选择一些文字，可能会有 post 帮助。

但我想了解是否可以只使用.click()

如果有人想出一个很酷的想法，那会更有帮助=）

HTML ：

<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<meta charset=utf-8 />
<title>Avinash</title>

<style>
  #input , #output { margin: 20px;width:300px;height:200px; border:1px solid #000; font 15px Arial; }
  #output {overflow:scroll;float:left; font:bold 14px verdana; color : #0099b9; }
</style>
</head>
<body>
  <table>
    <tr>
      <td>
        <textarea id="input" >Type your Text </textarea>
      </td>
      <td>
        <div id="output" > </div>
      </td>
    </tr>
  </table>
  </span>
</body>
</html>

JavaScript ：

   $(function() {
      $('#input').one('focus',function() {
          $(this).val('');
      }).bind('keyup',function() {
        $('#output').text($(this).val());
      });

      $('#output').bind('click',function() {
        alert('focusing Textarea');
        $('#input').focus();
      });
    });

您可以在此处测试上述代码： http://jsbin.com/atuqo4

Jquery：包含textarea值的div，当我点击div中的一个单词时，让它在textarea中单击

1 个答案: