javascript - 双击选择动态添加的 H1 中的文本，如何停止此操作？

Question

我想让一个元素可点击，当他们这样做时，它选择的文本有点难看。有没有办法用 JavaScript(或 jQuery)取消选择文本，或者只是让它首先不选择文本？它位于 <h1>顺便说一下元素。

此外，一些人建议:

$.fn.extend({ 
        disableSelection: function() { 
            this.each(function() { 
                if (typeof this.onselectstart != 'undefined') {
                    this.onselectstart = function() { return false; };
                } else if (typeof this.style.MozUserSelect != 'undefined') {
                    this.style.MozUserSelect = 'none';
                } else {
                    this.onmousedown = function() { return false; };
                }
            }); 
        } 
    });

但是，除非我每次生成新的 H1 时都调用它，否则这不起作用......有什么想法吗？

Answer 1

这将在所有主要浏览器中执行此操作，但不幸的是它会选择文本，然后在双击时再次取消选择:

document.ondblclick = function() {
    if (window.getSelection) {
        window.getSelection().removeAllRanges();
    } else if (document.selection) {
        document.selection.empty();
    }
};