在html元素中检测用户选择

Question

如何检测用户选择（用鼠标突出显示）是否在某个元素的子元素之内？

例：

<div id="parent">
   sdfsdf
   <div id="container">
       some 
      <span>content</span>
   </div>
   sdfsd
</div>

伪代码：

if window.getSelection().getRangeAt(0) is a child of #container
 return true;
else
 return false;

Answer 1

使用 jQuery on() 事件处理程序

\n\n

$(function() {\n     $("#container > * ").on("click", \n         function(event){\n            return true;\n         });\n     });\xe2\x80\x8b\n

\n\n

编辑： http: //jsfiddle.net/9DMaG/1/

\n\n

<div id="parent">outside\n    <div id="container">\n        outside\n        <span>first_span_clickMe</span>\n        <span>second_span_clickMe</span>\n    </div>\n outside</div>\n\n\n$(function() {\n   $("#container > span").on("click", function(){\n       $(\'body\').append("<br/>child clicked");\n   });\n});\xe2\x80\x8b\n

\n\n

\xe2\x80\x8b

\n