2010-06-26 80 views
1

我有一個頁面,其中包含標題屬性設置的HTML定位標記。顯示title-tooltip時運行JavaScript

<a href="...." title="Some tooltip text" /> 

我想檢測何時顯示工具提示,並運行一些JavaScript。這是爲了記錄顯示的工具提示。使用OnMouseOver是不夠的,因爲它觸發得太早。

任何想法?

+1

有沒有辦法顯示工具提示,當檢測到。除了使用自己的工具提示庫之外,我能想到的唯一解決方法是使用觸發計時器的onmouseover事件(並停止該計時器onmouseout)。但這樣,你永遠無法確定工具提示是否實際顯示。 – 2010-06-26 19:24:22

+1

那麼,這就提出了一個好點的問題 - 工具提示是如何打開的。 @Frode - 你可以追蹤顯示和隱藏自定義工具提示之間的時間,以確保它不僅僅是一兩秒鐘,如果需要的話,你呢? – 2010-06-26 19:33:33

+0

@丹 - 我可以在兩秒鐘內閱讀短文。 ;) – 2010-06-26 20:51:05

回答

5

我會創建自己的tooltips,您可以追加額外的「跟蹤」以確定它們是否顯示。

有了這個庫,你可以製作自己的effect,它可以在工具提示上進行自定義的事情。

+0

+1 - 可能是解決這個問題的唯一方法。 – 2010-06-27 00:57:44

-1

使用JQuery。如果你只做特定的標籤,你必須設置你的標籤ID和/或名稱屬性。

<a href=".." id="x"></a> 

代碼:

$(document).ready(function() {   

      $("#x").mouseenter(function() { 
       alert("yeah"); 
      }); 

     }); 

如果你運行你使用類似下面的所有<a>標籤JavaScript代碼。

$(document).ready(function() { 


      $("a").mouseenter(function() { 
       alert("yeah"); 
      }); 

     }); 

您網頁的<head>標籤之間添加此使用jQuery庫

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> 
+1

「使用OnMouseOver是不夠的,因爲它觸發得太早。」這是OP已經說過的。 – 2010-06-26 17:51:46

+0

「使用jQuery」將作爲答案的99.99%的時間。這是0.01%的問題之一。 – Anurag 2010-06-26 18:26:34