Jquery: DIV, который содержит значение текстовой области, когда я нажимаю на слово в DIV, заставить его щелкнуть там в текстовой области - PullRequest
2 голосов
/ 19 сентября 2010

У меня есть div, который содержит значение textarea для keyup, поэтому, когда я набираю textarea, оно отображается в div, div является предварительным просмотром комментария для textarea.Можно ли эмулировать щелчок в текстовой области, когда я нажимаю в div?так что если в div я нажимаю на слово «world» в предложении «hello world, я нахожусь на тебе», то это будет эмулировать щелчок на том же слове в той же точке текстовой области?

isЕсть ли способ сделать это с помощью jquery?

1 Ответ

0 голосов
/ 19 сентября 2010

" эмулирует щелчок по тому же слову в той же точке в текстовой области "

Я думаю, трудно точно определить точное положение текста в текстовой области, но вы можете сделатьнекоторые вещи ниже (хотя это не соответствует вашим требованиям).Пожалуйста, постарайтесь понять.Я чувствую, что это сложно, потому что нажатие на какой-либо текст в теге <div /> не дает смещения положения Word.Если вы собираетесь выделить какой-то текст в div , может быть это post help.

Но я бы хотел узнать, еслиэто возможно, используя всего лишь .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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...