2009-03-12 3 views
3

У меня есть текстовое поле, которое я настроил на перетаскивание, но это не так ... Проверенные мной браузеры (FireFox 3 и Safari 3 на OS X) m пытается выбрать текст внутри текстового поля (даже если его нет).Как сделать textarea перетаскиваемой? (т. е. запретить выбор текста, но разрешить позиционирование курсора)

Я хочу, чтобы щелкнуть внутри текстового поля, чтобы поместить курсор для редактирования, но движение перетаскивания должно обрабатываться jquery-ui.

Пример HTML, который не делает то, что я хочу ниже ...

<html> 
    <head> 
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script> 
    <script type="text/javascript"> 
    $(function(){ 
      $("div").draggable(); 
      $("textarea").draggable(); 
    }); 
    </script> 
    <style type="text/css"> 
    div { 
      position:    fixed; 
      top:     100px; 
      left:     100px; 
      width:     100px; 
      height:     100px; 
      background-color:  blue; 
    } 
    textarea { 
      width:     80%; 
      height:     80%; 
      background-color:  yellow; 
      resize:     none; 
    } 
    </style>   
    </head> 
    <body> 
    <div> 
    <textarea>Pirates spotted!</textarea> 
    </div> 
    </body> 
    </html> 

ответ

1

Вы могли бы рассмотреть возможность использования диалогового библиотеки JQuery-UI и расположить текстовое поле внутри. Вы можете сделать диалог перетаскиваемым.

Смежные вопросы