How can I detect click is hold but not moved?

Question

Here is my code:

doc.on('mousedown', '.qandacontent', function() {
    timeout_id = setTimeout(menu_toggle.bind(this), 1000);
}).bind('mouseup mouseleave', function() {
    clearTimeout(timeout_id);
});

This will show a pop up if you click on element .qandacontent and hold it for 1 sec. Now I want to make it working only if no text is selected (marked) while click-holding. Any idea how can I do that?

Answer 1

You could check if there is selected text, and if so, where it is :

if ($(window.getSelection().anchorNode).attr('id') === 'something') { ... }

See:

• How to check if text is highlighted (cross-browser)
• Javascript check if text selected