在html元素中检测用户选择 [英] Detect user selection within html element

问题描述

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

How can I detect if a user selection (highlighting with mouse) is within/a child of a certain element?

示例:

<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;

推荐答案

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

$(function() {
     $("#container > * ").on("click", 
         function(event){
            return true;
         });
     });​

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

<div id="parent">outside
    <div id="container">
        outside
        <span>first_span_clickMe</span>
        <span>second_span_clickMe</span>
    </div>
 outside</div>


$(function() {
   $("#container > span").on("click", function(){
       $('body').append("<br/>child clicked");
   });
});​

这篇关于在html元素中检测用户选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！