2011-08-27 82 views
1

我正在使用以下代码来获取选定的文本,我的问题是,如何获取文本被选中的元素?我有100行和10列,我想获得TD和TR对象,我想检查天气表中的文本被选中。在JQuery中获取单击的元素

function getSelectedText() { 
    var t = ''; 
    if(window.getSelection){ 
    t = window.getSelection(); 
    }else if(document.getSelection){ 
    t = document.getSelection(); 
    }else if(document.selection){ 
    t = document.selection.createRange().text; 
    } 
    return t; 
} 
$(document).bind("mouseup", putSelectedToInput); 

function putSelectedToInput(){ 
    var st = getSelectedText(); 

    if(st!=''){ 
    $("#params_oldname").val($.trim(st)); 
    } 
} 

回答

6

而不是用于文档绑定它td元素结合mouseUp

$('td').mouseUp(function(){ 
var selectedTd=$(this); 
}); 
+0

jQuery的.mouseUp已被弃用。改用.click。 – Andrade

2

您需要检查event.target。请注意,如果每个表格单元格中有一个或多个子元素,则需要从event.target开始步行到DOM树,直到达到td元素(或者不是,在这种情况下点击位于单元格外)。

1

只需使用:

document.onclick=function(){ 
elem = window.event.srcElement 
} 

现在TD或者被点击的存储在名为ELEM全局变量tr元素。 注意,这将返回每次在用户点击的元素,所以你必须检查它是否是一个TD或者tr元素,像这样:

if(elem.tagName.toLowerCase() == "td" || elem.tagName.toLowerCase() == "tr") 
2

你可以在MouseUp事件的点击的元素通过这样做:

function putSelectedToInput(event){ // notice the event parameter 

    var $clickedElement = $(event.target); 

clicked元素可能是td中的任何元素。你可以得到TD本身与此:

// returns the closest parent that is a td (or the element itself if it's a td) 
var $theTd = $clickedElement.closest('td'); 

event.target.closest()