2009-08-27 68 views
1

當您在nytimes.com上的文章中選擇文本時,這個小小的?在最後彈出選擇:當用戶進行選擇時Nytimes式彈出式菜單

alt text http://img193.imageshack.us/img193/1316/827200941520pm.png

什麼來實現這樣的事情在我的網站的最佳方式?是否有任何預先製作的庫可以做到這一點?

+4

我只想說,我恨這個功能。我在閱讀過程中突出顯示文字,這讓我每次都感到困擾。幸運的是,它不像以前那樣具有侵擾性。它用於自動彈出字典窗口,覆蓋所有周圍的文本。 – 2009-08-27 20:27:47

+0

我同意nytimes sucks 100%這個功能。但是,我打算將其用於完全不同的目的 - 我的站點的一部分需要用戶註釋文本,並且我計劃使用此方法顯示「創建註釋」按鈕。 – 2009-08-27 20:36:14

回答

4

我想你不得不這樣做。

$('div.selectableText').mouseUp(function(e){ 
     if (window.getSelection()){ 
      var xCoord = e.pageX; 
      var yCoord = e.pageY; 

      //Use the coordinates (or maybe offset) 
       to position your little modal popup 
     } 

)}; 
+0

注意:在IE中你需要使用'document.selection.createRange().text' – 2010-04-28 02:06:43