jQuery：包含textarea值的div，当我单击div中的一个单词时，使其在textarea中单击

Question

我有一个div，其中包含keyup上textarea的值，所以当我键入textarea时，它就显示在div中，div是textarea的注释预览。 当我在div中单击时，是否可以模拟文本区域中的单击？ 因此，如果在div中我单击句子“你好，我在你身上”中的“世界”一词，那么它将模拟在文本区域中同一点上对相同单词的单击？

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

Answer 1

“ 模拟在文本区域中同一点上对相同单词的点击 ”

我想很难在textarea中捕获文本的确切位置，但是您可以在下面做一些事情（尽管它不能满足您的要求）。 请尝试了解。 我觉得这很困难，因为，仅单击<div />标记中的某些文本并不能给出Word的偏移位置。 如果您要在div中选择一些文本，可能对这篇文章有所帮助。

但我想了解是否可以仅使用.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 个解决方案

解决方案1
0 已采纳

jQuery：包含textarea值的div，当我单击div中的一个单词时，使其在textarea中单击

问题描述

1 个解决方案

解决方案1 0 已采纳

解决方案1
0 已采纳