0

画像上でマウスオーバー/アウトしたときにcssプロパティを変更したい。残念ながら、うまくいかないようだったので、onmouseover 属性を使って単純な JavaScript をテストしました。

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

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

しかし、マウスをこの div ブロックの上に移動すると、何も起こらず、内部で何が起こっているのかをデバッグするのが少し難しくなりました。この問題を解決するにはどうすればよいですか?

4

3 に答える 3

3

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

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

于 2012-04-16T08:04:59.560 に答える
2

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

<script type="text/javascript">
  function show_alert() { window.alert("Alert"); }
</script>
于 2012-04-16T08:05:24.127 に答える
1

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

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

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

ところで

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

于 2012-04-16T08:04:29.100 に答える