jquery-ui - 如何使textarea可拖动？（即禁止文本选择，但允许光标定位） - Thinbug

如何使textarea可拖动？（即禁止文本选择，但允许光标定位）

时间：2009-03-12 19:39:33

标签： jquery-ui

我有一个textarea，我已设置为可拖动，但它不是......我测试的浏览器（OS X上的FireFox 3和Safari 3）认为我正在尝试选择textarea内的文本（即使没有）。

我想允许在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 个答案:

答案 0 :(得分：1)

您可以考虑使用jQuery-UI对话框库并在其中放置textarea。您可以使对话框可拖动。