2016-07-12 2 views
-2

У меня есть простой умножительJavaScript parseInt on hover?

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

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

Я хотел бы, чтобы функционировать как при наведении курсора он печатает в выбранной области, а не мыши. Я пробовал заменять onclick с помощью мыши без везения.

Возможно ли это с JavaScript, что я ищу?

+0

показать больше кода, как вы поймать событие –

+1

'onmouseover' или' addEventListener ('Mouseover', п); ' – Shilly

+0

Большое спасибо Shilly, что сделал трюк. – Codey93

ответ

2

Вместо того, в том числе яваскрипта слушателя событий инлайн, вы можете попробовать развернуть 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>