Html click element vs selecting the content

Question

Is there any way to differentiate between clicking a div element and selecting its content,

What I am looking for is to trigger click action only if the div was clicked but not when its contents were selected

<div onClick="funA">
    Allow content to be copied if selected, else perform funA when clicked
</div>

Current onClick behavior triggers when I try to select the content and copy it, as soon as i unpress the click, But I want to not trigger funA or detect its selected and control it somehow. I hope the question is clear enough, else I will add more specifics to the quesiton.

can you create a false click event on the content? this way nothing should happen inside — Stender, Nov 15 '17 at 11:59

score 0 · Accepted Answer · answered Nov 15 '17 at 12:04

you can see the difference this way :

<div id='click'>
    Allow content to be copied if selected, else perform funA when clicked
</div>
$('#click').click(function() {
    var sel = getSelection().toString();
    if(!sel){
        alert("clicked");
    }
});

score 0 · Answer 2 · answered Nov 15 '17 at 12:07

Refering to Preventing click event with jQuery drag and drop using $("#element").click(function(mouseEvent){ // click event }); will not execute when the mouse is dragged and dropped.

$("#funA").click(function(mouseEvent){  });

<div id="funA">
    Allow content to be copied if selected, else perform funA when clicked
</div>

Html click element vs selecting the content

2 Answers2