tableDnD(表拖放)是我用来重新排序html表中行的jQuery插件。这是一个非常酷的库,但是您可以单击,拖动和拖放行的事实-禁用通过单击选择该行的功能-它认为您可能正在开始拖放或进行0距离拖动。

因此,您可以在此处查看我的示例,并查看我在说什么-http://jsfiddle.net/du31ufts/5/

它以禁用状态开始,因此启用行重新排序并查看库。然后,尝试仅在中间选择一行。蓝色高亮显示选择的唯一方法是单击表的边界之外,因此,您只能从底部或顶部开始选择,而不能一次选择一行。我需要选择这些行,以便能够将这些行复制粘贴到excel中。

我尝试查看库本身和detaching $('__dragtable_disable_text_selection__'),尝试了jquery removeAttr的不可选择性,我尝试了

$('.dragtable-sortable').attr('-moz-user-select', 'none');


没有什么使我能够单击并选择单行的功能重新启用。我想这样做而无需修改tableDnD函数。

哪些CSS属性可能会影响我选择表行的能力?

最佳答案

在ID #spot的某个地方创建一个textarea。
使用此代码从行中提取点击数据并选择它。它由制表符分隔,因此应易于粘贴到excel中。

$('tr').click(function(){
    var copyContent = "";
    $(this).children('td').each(function(){
        copyContent = copyContent+$(this).text()+"\t";
    });
    $('#spot').val(copyContent);
    $('#spot').select();
});

09-11 17:42