javascript - 单击 框时选择文本

Question

我使用此解决方案通过代码标签选择代码框的文本内容。

Jason's Answer如下:

function SelectText(element) {
    var doc = document
        , text = doc.getElementById(element)
        , range, selection
    ;    
    if (doc.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();        
        range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

$(function() {
    $('span').click(function() {
        SelectText('selectme');
    });
});

这是我的代码框:

 <div class="codebox"><span>{L_CODE}: {L_SELECT_ALL_CODE}</span><div id="selectme"><code></code></div></div>

问题在于，当同一页面中有多个代码框时，由于ID相同，仅选择第一个。如何使用动态方式，以便当用户单击选择所需的文本时，无论存在多少个框，都将选择单击的容器？

Answer 1

首先，您不应该有多个元素使用相同的 ID(为此目的使用属性 CLASS 或 DATA)。

那么你只需要做:

$(".class").click(function(element) {
  // Do crazy stuff with element
})

或者使用数据属性:

$("data[foo='blah']").click(function(element) {
  // Do crazy stuff with element
})