JavaScriptの機能がonmouseover属性で機能していません

Question

マウスが画像の上/外にあるときにCSSプロパティを変更したいと思います。残念ながら、動作していないようでしたので、私はのonmouseover属性で簡単なJavaScriptをテストした：

<script type="text/javascript"> 
    function show_alert() { document.alert("Alert"); } 
</script> 

と

<div class="test" onmouseover="show_alert()"> 
    .... 
</div> 

が、私はこのdivのブロックの上にマウスを移動したときに、何も起こらなかったし、ちょっとハードにデバッグ 何が起こっていたのですか。どうすればこの問題を解決できますか？

Answer 1

をチェックalert方法はwindowオブジェクトのメソッドではなく、documentオブジェクトであるを望むことでしょう。 document.alertを使用すると、undefinedが返されます。

<script type="text/javascript"> 
    function show_alert() { window.alert("Alert"); } 
</script> 

Answer 2

私はマウスは、あなたがこのためにはJavaScriptが必要なのですか、なぜ画像

にオーバー/アウトのときのCSSプロパティを変更したいですか？ alert呼ばれていないプロパティなどの方法

documentでは

img:hover { border: 2px solid red; } 

：シンプルなCSSスタイルは、トリックを行います。それはwindow.alert()です！または単にalert('hello');

Answer 3

存在しないdocument.alertを使用しているため、アラートが機能しません。あなたはwindow.alert、または単にalert

this JSFiddle