2016-07-12 14 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( 'マウスオーバー'、FN)をキャッチする方法をより多くのコードを示し; ' – 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

あなたがしなければならないことは、ドキュメンテーションを見たり、聞いているイベントを検索するだけです。これは、あなたがJavaScriptのイベントリスナーをインライン含む

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