2016-07-12 24 views
-2

Ich habe eine einfache MultiplikatorJavaScript parseInt bei Hover?

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

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

Ich möchte es so funktionieren, wenn Sie Mouseover druckt er in den Bereich ausgewählt, statt klicken. Ich habe versucht, onclick mit mouseover ohne Glück zu ersetzen.

Ist dies mit JavaScript möglich, nach was ich suche?

+0

zeigen mehr Code, wie Sie das Ereignis fangen –

+1

'onmouseover' oder' addEventListener ('mouseover', fn); ' – Shilly

+0

Vielen Dank Shilly, dass der Trick. – Codey93

Antwort

2

Anstatt die Javascript-Ereignis-Listener Inline einschließlich, Sie könnten versuchen, unaufdringlich statt Javascript einsetzen.

Der unaufdringliche Javascript Ansatz trennt sauberer die Struktur des Dokuments und das Verhalten des Dokuments.

<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

Ich stimme zu. Und um Ihrer Antwort @Rounin hinzuzufügen, hilft Ihnen die Verwendung einer Bibliothek wie JQuery oder eines Frameworks wie Angular, Ihren Code wartbarer und lesbarer zu machen. –

+1

Danke euch beiden sehr. – Codey93

2

Alles, was Sie tun müssen, um die Dokumentation zu durchsuchen oder nach dem Ereignis zu suchen, auf das Sie achten möchten. Dies ist, was Sie brauchen

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