2011-02-05 149 views
1

我正在構建登錄的Web表單。我決定添加一些我通常不會的功能。不過,我似乎無法讓他們在任何情況下工作。所以,這是我的問題。javascript事件處理

在表單上,​​當您瀏覽每個輸入時,頁面上的一個JavaScript框向下滾動,並通知您有關該輸入的信息,即可輸入的內容,剩餘的字符數。

它與文本框很好,因爲我可以使用onfocus和onblur事件處理程序。但是,例如,當您觸及到具有多個複選框的div時,您無法爲每個輸入準確地使用上述事件處理程序,因爲在該框告訴它們是關於它的情況之前,他們必須選擇一個選項。

我曾嘗試使用onMouseOver和onMouseOut事件處理程序爲整個div,但它不流暢地工作。

有沒有什麼建議?也許,如果用戶將光標放在屏幕的某個部分上,有沒有辦法激活一個功能?

希望這有意義, 感謝

回答

0

可以賺一點?圖標或旁邊的東西讓人徘徊,並附加事件到...

...反正...你確定你做對了嗎?發佈一些代碼...例如,這個工程只是fine..when我將鼠標懸停在第二個複選框,我得到的警報

<form> 
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br /> 
<input onmouseover="alert('test');" type="checkbox" name="vehicle" value="Car" /> I have a car 
</form> 
+0

我想讓函數在包含多個輸入的div上運行。對我來說,當我做到這一點時,螢火蟲告訴我,即使當我結束div並移動鼠標時,它仍在運行onMouseOut事件處理程序。 – dgamma3 2011-02-05 05:44:26

+0

爲每個文本框設置DIV,但不將整體設置爲一個整體,然後設置該div的onmouseover。 – 2011-02-05 06:04:41

0

你應該還是有,我認爲複選框的焦點/模糊事件,使用鍵盤的人。

你在使用js框架嗎?使用jQuery,您可以簡單地執行以下操作:

$(function() { 
    $(".div_around_the_checkboxes").hover(function() { 
     // show 
    }, 
    function() { 
     // hide 
    }); 
});