はなぜマウスオーバー機能は、私はコードの最も簡単なを持っていますが、私は前のonmouseover使ってみたことがありませんので、必ずなぜそれが動作していないではない

-1

が動作していませんか？そして、それをデバッグする良い方法は何でしょうか？はなぜマウスオーバー機能は、私はコードの最も簡単なを持っていますが、私は前のonmouseover使ってみたことがありませんので、必ずなぜそれが動作していないではない

2016-11-05 Paul

コードを 'alert（）'に置き換えてコピーしました。警告が表示されるので、実行してください。 –

[ブラウザのJSコンソールを開く]（http://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers）とエラーメッセージの内容を参照してください。 – JJJ

「動作していません」と定義します。画像は壊れた画像で置き換えられていますか？コンソールにエラーメッセージが表示されますか？全く何も起こりませんか？ – Quentin

-2

スクリプト要素で関数を宣言し、すべてのインラインではなくその関数を参照してみてください。少なくとも、ブラウザのデベロッパーコンソールにブレークポイントを設定し、何が起きているかを確認することができます。

<div class="play" id="buttonPlay"> 
    <img src="Buttons/Play/playRest.png" onmouseover="myFunction(this)" width="100%"> 
</div> 
<script> 
    function myFunction(element) { 
     element.src='Buttons/Play/playClick.png'; 
    } 
</script>

出典

2016-11-05 22:50:05

それは動作しません。 'this'は今' window'です – Quentin

Re edit：今はあなたがそれを壊すことはありませんが、あなたは問題を解決していないようです。あなたはちょうどデバッグの行を示唆しています。（ 'debugger; 'を' onmouseover'属性値の前に置くことでブレークポイントを設定しやすくなります） – Quentin

あなたは正しいですが、編集しましたが、デバッグを容易にする方法ではありません。 –

-2

代わりにsetAttributeを使用してみてください。

<div class="play" id="buttonPlay"> 
    <img src="Buttons/Play/playRest.png" onmouseover="this.setAttribute('src', 'Buttons/Play/playClick.png');" width="100%"> 
</div>

出典

2016-11-05 22:52:21

なぜ 'src'プロパティは機能しませんか？ – Quentin

はなぜマウスオーバー機能は、私はコードの最も簡単なを持っていますが、私は前のonmouseover使ってみたことがありませんので、必ずなぜそれが動作していないではない

答えて

関連する問題