首页 > 解决方案 > 选择内容

当鼠标点击里面

问题描述

我想通过单击鼠标来选择内容 Pre,当 Click Outside 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);
}

任何人帮助...

标签: javascriptjqueryhtmlajaxblogger

解决方案


你的错误是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循环中的条件。


推荐阅读