2014-01-09 36 views
0

我写一个JavaScript脚本来执行的文本选择的任何行动:如何在文本选择捕捉事件

HTML

<div class="text"> 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem 
Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of 
type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release 
of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus 
PageMaker including versions of Lorem Ipsum. 
</div> 

的JavaScript

//Trigger event when mouse down on html element having class ".text" 
$(".text").on("mousedown", function() { 
    //trigger event when mouse up either with text selection or blank 
    $(this).one("mouseup", function() {   
     //get selected text 
     var $textSelection = window.getSelection().toString(); 
     //check if text selected or not 
     if ($textSelection.length > 0){ 
      //alert($textSelection.length) 
      alert("You have selected: "+$textSelection); 
     } 
    }); 
}); 
+1

它工作正常,是什么问题? –

+1

顺便说一句,有什么问题?请参阅:http://jsfiddle.net/2FF93/ –

+0

也许你忘记把你的代码放在document.ready –

回答

0

你有错字有...

$(this).one("mouseup", function() { 

这应该是

$(this).on("mouseup", function() { 

它现在的工作?

+0

伙计们,我没有错过任何东西。我用一个代替了。一个在jQuery 1.7中引入,与.on()相同。如果我错了,请让我说得对 –