jQuery：有没有办法将“点击”事件变成双击？

如何使用jQuery将单击事件检测为双击？基本上，我希望.select类中的文本更易于选择，以便用户可以快速将内容复制到剪贴板

<li>
    <span>
        Don't Select me
    </span>
    <span>
        Don't Select me
    </span>
    <span class="select">
        Select Me on click!
    </span>
</li>

试试这个

function SelectText(element) {
    var doc = document;
    var text = doc.getElementById(element);    
    if (doc.body.createTextRange) {
        var range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        var selection = window.getSelection();        
        var range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

$(function() {
    $('.select').click(function() {
        SelectText('selectme');
    });
});​

从

范例

更新：

要选择同一单击元素的内容，请执行以下操作：

function SelectText(element) {
    var doc = document;
    var text = element;    
    if (doc.body.createTextRange) {
        var range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        var selection = window.getSelection();        
        var range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

$(function() {
    $('.select').click(function() {
        SelectText($(this)[0]); //Brackets are more efficiently that .get(0) method
    });
});​

示例：

试试这个

function SelectText(element) {
    var doc = document;
    var text = doc.getElementById(element);    
    if (doc.body.createTextRange) {
        var range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        var selection = window.getSelection();        
        var range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

$(function() {
    $('.select').click(function() {
        SelectText('selectme');
    });
});​

从

范例

更新：

要选择同一单击元素的内容，请执行以下操作：

function SelectText(element) {
    var doc = document;
    var text = element;    
    if (doc.body.createTextRange) {
        var range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        var selection = window.getSelection();        
        var range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

$(function() {
    $('.select').click(function() {
        SelectText($(this)[0]); //Brackets are more efficiently that .get(0) method
    });
});​

---

示例：

这里有一个没有jquery的类似问题：所有链接重复可能性的可能重复仅为ID选择的元素提供解决方案。此问题和解决方案用于突出显示类选择的项目。这里有一个没有jquery的类似问题：所有链接重复可能性的可能重复仅为ID选择的元素提供解决方案。此问题和解决方案用于突出显示类选择的项目。我不明白为什么我会得到未捕获的SyntaxError:当我将此标记放入脚本标记时，单击事件上出现意外的非法标记…尽管如此，这是一个问题副本并从fiddle busted！粘贴！。这里有更多的内容：有没有办法改为按类选择元素？我有20个跨距相互堆叠，我希望所有跨距都可以选择。@nipponese我更新了答案以选择单击的同一元素的文本。我有一个dude，具有.get0方法或[0]属性，测试表明[0]是最好的！我不明白为什么我会得到未捕获的SyntaxerError：当我将其放入脚本标记时，点击事件中意外的标记非法…不管怎样，这是一个问题，从fiddle busted！复制和粘贴！。这里有更多的内容：有没有办法改为按类选择元素？我有20个跨距相互堆叠，我希望所有跨距都可以选择。@nipponese我更新了答案以选择单击的同一元素的文本。我有一个dude，具有.get0方法或[0]属性，测试表明[0]是最好的！