Select 内容 <Pre> 当鼠标点击里面 <Pre>

Question

我想 select 单击鼠标前的内容 Pre，然后单击外部 Pre de select，我使用的代码，但不起作用 ...

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);
}

任何人帮助...

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 循环中的条件。

Select 内容 <Pre> 当鼠标点击里面 <Pre>

Select content <Pre> when mouse click inside <Pre>

javascript

jquery

html

ajax

blogger