2014-10-17 63 views
-2

我想在每個選擇文本(:: selection)的div中時提醒一些消息。有人可以請給我一些指針當我使用jquery選擇文本時如何觸發警報

也可以更改::選擇的CSS? 這似乎並不奏效。 。

$( '::選擇')的CSS({.....

+1

引用這會幫助你的。http://stackoverflow.com/questions/3 545018/selected-text-event-trigger-in-javascript – Shriike 2014-10-17 19:39:08

+0

謝謝你幫助我.. – VMN 2014-10-17 20:05:04

回答

0

這裏只是這樣做的jQuery的的jsfiddle例如:http://jsfiddle.net/Lvx6bvth/1/

(function (window, document, $) { 
    var getSelectedText = function() { 
     var text = ""; 
     if (window.getSelection) { 
      text = window.getSelection().toString(); 
     } else if (document.selection && document.selection.type != "Control") { 
      text = document.selection.createRange().text; 
     } 
     return text; 
    }; 

    $(document.body).on("mouseup", function() { 
     var selectedText = getSelectedText(); 
     if (selectedText.length !== 0) { 
      alert("You selected: " + selectedText); 
     } 
    }); 
})(window, document, jQuery); 

當然,你可以委託這個特定的選擇,因此只適用於你的目標的div。

功能從Get the Highlighted/Selected text

+0

謝謝你的幫助 – VMN 2014-10-17 20:04:22

+0

請標記這是否回答了你的問題,或者如果你需要更多的解釋之前,它的答案。 – 2014-10-17 20:08:19

+0

你能告訴我,如果我們可以分配CSS像$(':: selection')。css({.. – VMN 2014-10-17 20:12:04