javascript onselect for p标签

Question

We have a tag in the page, and we will detect selecting this with javascript onselect or something like this, Perhaps this select can be triggered by mouse or keyboard, and also we can not use of onmouseup or onclick !

<p onselect="alert('selected')" >My p text is here ...</p>

onselect work with dropdown and textbox, and do not work with p tag.

Answer 1

You could use onclick , if it suits your needs then:

$("body").delegate("p", "click", function(){
  alert('selected');
});

Hope it helps

Answer 2

在Internet Explorer和Webkit中，您可以使用：

somedom.addEventListener('selectstart',callback)

Answer 3

By default a p tatg is not selectable, you can set it selectable with this short code:

$('p')
  .attr("tabIndex", 0)
  .css({"-moz-user-select": "none","-webkit-user-select": "none","-khtml-user-select": "none"})
  .attr("unselectable", "on");