2016-07-12 33 views
-2

我有一個簡單的乘數懸停時的JavaScript parseInt?

function addFive() { 
document.getElementById("amount").value = parseInt(document.getElementById("amount").value) +5; 
} 

<span id="5" onclick="addFive()">+5</span> 

我想它的功能,當你將鼠標放置到它打印到選定區域的,而不是點擊。我試過用mouseover替換onclick而沒有運氣。

這是可能的JavaScript,我在找什麼?

+0

表現出更多的代碼,您是如何捕獲事件 –

+1

'onmouseover'或'的addEventListener( '鼠標懸停',FN);' – Shilly

+0

非常感謝你扭扭,該訣竅。 – Codey93

回答

2

而不是包括JavaScript事件監聽器內聯,你可以嘗試部署的JavaScript 悄悄地來代替。

不顯眼的JavaScript方法分離更乾淨的結構文檔的和文檔的行爲

<span id="span5">+5</span> 

<script> 

var span5 = document.getElementById('span5'); 
var amount = document.getElementById('amount'); 

function addFive() { 
    amount.value += 5; 
} 

span5.addEventListener('mouseover',addFive,false); 

</script> 
+1

我同意。要添加到您的答案@Rounin,使用像JQuery這樣的庫或Angular這樣的框架可以幫助您的代碼更易於維護和閱讀。 –

+1

非常感謝你。 – Codey93

2

您只需要通過文檔查找或搜索您想要聽的活動即可。這就是你需要

<span id="5" onmouseover="addfive()">+5</span>