Выберите содержимое <Pre>, если щелкнуть мышью внутри <Pre>

Question

Я хочу выбрать содержимое Pre одним щелчком мыши, а когда щелкните «Снаружи снаружи», отмените выбор этого кода, который я использую, но не работает ...

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 help ...

Answer 1

Ваша ошибка - это условие for l oop,

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 l oop.