当鼠标在<Pre>内部单击时选择content <Pre>

Question

我想用一次鼠标点击选择内容前，当点击前取消选择，这个代码我使用，但不工作...

var pres = document.getElementsByTagName('pre');
for (var i = 0; i > pres.length; i++) {
    pres[i].addEventListener('click', function() {
        var selection = getSelection();
        var range = document.createRange();
        range.selectNodeContents(this);
        selection.removeAllRanges();
        selection.addRange(range);
    }, false);
}

anyOne帮助...

Answer 1

您的错误是for循环条件，

var pres = document.getElementsByTagName('pre');
for (var i = 0; i <= pres.length; i++) { // Previously: for(var i = 0; i > pres.length; i++)
    pres[i].addEventListener('click', function() {
        var selection = getSelection();
        var range = document.createRange();
        range.selectNodeContents(this);
        selection.removeAllRanges();
        selection.addRange(range);
    }, false);
}

因此，您需要更改for循环中的条件。