javascript - 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 ブロックの上に移動すると、何も起こらず、内部で何が起こっているのかをデバッグするのが少し難しくなりました。この問題を解決するにはどうすればよいですか?

score 3 · Accepted Answer

存在しないを使用しているため、アラートは機能しませdocument.alertん。あなたは欲しくなるでしょうwindow.alert、またはただalert

このJSFiddleをチェックしてください

score 2 · Accepted Answer

alertメソッドは、windowオブジェクトではなく、オブジェクトのメソッドですdocument。document.alertリターンの使用undefined。

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

score 1 · Accepted Answer

画像上でマウスオーバー/アウトしたときにcssプロパティを変更したい

なぜこれにjavascriptが必要なのですか? シンプルな CSS スタイルがそのトリックを行います。

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

ところで

documentと呼ばれるプロパティがないためalert。それはwindow.alert()！または単にalert('hello');

3 に答える 3