jQuery UI 可拖动和文本选择

Question

我正在使用 jQuery 1.8.3 和 jQuery UI 1.9.2。
我的网络应用程序有一些可拖动的元素，我希望允许用户在包含的元素中选择一些文本。
我看到还有一些关于此主题的其他问题。
我遵循的另一条途径是使用鼠标右键单击并使用我找到的一些文本选择插件。但我还是无法让它发挥作用。

似乎可拖动/可排序元素不允许选择文本或可以拦截鼠标(点击)事件。

有什么想法吗？

Answer 1

我相信您的方法是正确的，您可以使用右键单击来复制某些 div 中的文本。

例如与:

<script src="http://cachedcommons.org/cache/zero-clipboard/1.0.7/javascripts/zero-clipboard-min.js" type="text/javascript"></script>
<div id="dragme" class="temp">Draggable Text</div>

除了包含 jquery-ui 之外，以下 JavaScript 还应允许您使用左键单击拖放 div，然后右键单击复制 div 内的文本:

$("#dragme").draggable();

$.event.special.rightclick = {
    bindType: "contextmenu",
    delegateType: "contextmenu"
};

ZeroClipboard.setMoviePath('http://zeroclipboard.googlecode.com/svn/trunk/ZeroClipboard10.swf');
//Create a new clipboard client
var clip = new ZeroClipboard.Client();

$(document).on("rightclick", ".ui-draggable", function() {

        //Grab the text from the parent row of the icon
        var txt = $(this).text();
        alert("Copying text: "+txt);
        clip.setText(txt);
        clip.glue(this);

        //Add a complete event to let the user know the text was copied
        clip.addEventListener('complete', function(client, text) {
            alert("Copied text to clipboard:\n" + text);
        });
        clip.hide();
        return false;
});

我有一个jsfiddle为此，但我认为使用 ZeroClipboard 的 SWF 副本与 jsfiddle 不一致。
但它应该可以在您的开发环境中工作。