Как сделать текстовую область перетаскиваемой? (т.е. запретить выделение текста, но разрешить позиционирование курсора) - PullRequest
3 голосов
/ 12 марта 2009

У меня есть текстовая область, которую я установил для перетаскивания, но это не ... Браузеры, которые я тестировал (FireFox 3 и Safari 3 на OS X), думают, что я пытаюсь выделить текст внутри текстовой области ( даже когда его нет).

Я хотел бы разрешить нажатие внутри текстовой области, чтобы позиционировать курсор для редактирования, но движение перетаскивания должно обрабатываться 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 Ответ

1 голос
/ 13 марта 2009

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

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