2011-04-14 41 views
0

我有一個JavaScript的方法,我想抓住一個元素在鼠標上的ID,有沒有辦法做到這一點?有沒有辦法在javascript中抓取鼠標上的當前項目ID?

所以說,我有一個不帶任何參數

function noArgs() {} 

和我有兩個段落p1和p2的ID的方法,我怎麼能拿懸停段的ID?

編輯:這是我目前如何抓取的ID,這是我想使用jQuery消除方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Test</title> 
     <script type="text/javascript" href="js/jquery.js"></script> 
     <script type="text/javascript"> 
      function hoverButton(element) { 
       var button = document.getElementById(element); 
       switch (button.state) { 
        case "up": 
         button.style.backgroundPosition = "top"; 
         button.state = "down"; 
         break; 
        default: 
         button.style.backgroundPosition = "bottom"; 
         button.state = "up"; 
         break; 
       } 
      } 
     </script> 
     <style type="text/css"> 
      .button { 
       background-image: url("images/button.png"); 
       width: 100px; 
       height 50px; 
       background-position: top; 
       border: none; 
       font-size: 18px; 
      } 
     </style> 
    </head> 

    <body> 
     <input type="submit" id="submit_button" class="button" value="Submit" state="up" onmouseover="hoverButton('submit_button')" onmouseout="hoverButton('submit_button')"/> 
     <input type="submit" id="submit_button2" class="button" value="Submit" state="up" onmouseover="hoverButton('submit_button2')" onmouseout="hoverButton('submit_button2')"/> 
    </body> 
</html> 
+1

請發表您的方法,以及如何你是接線到元素 – hunter 2011-04-14 15:03:39

+0

容易在jQuery的:) - http://jsfiddle.net/MTfPE/ – RyanP13 2011-04-14 15:07:06

回答

2

的「元素」的說法:

$element.bind('mouseover', function() { 
    var id = $(this).attr('id'); 
}); 
+0

謝謝!我得到了它的工作。 :P – Dennis 2011-04-14 15:27:41

1

你爲什麼想要消除元素參數?

在您的場景中,您可以執行onmouseover="hoverButton(this)"並免除功能中的var button = document.getElementById(element);行。那麼element就會是當時被挖掉的那個元素,並且您可以通過執行element.id來得到它的ID(如果您需要的話)。

然而,當你有你的代碼jQuery的參考,你還不如用它;)