No.2
56
20
60pt
http://regnif.web.fc2.com/test/changeCursor/
で何かの足しになりますでしょうか？IE7で確認しています。ページを開くと３秒後にマウスカーソルが砂時計に変わります。ついでに背景色も黒に。
prototype.jsはムシ(jQuery派なので)といっても、jQueryすら組み込んでませんが、マウスカーソルを変更するトリガーって、そんなに難しくないと思うんですが・・・
もし意図や背景的にハズしていたらスミマセンm(__)m
いちおう誤解のないようにと思うのは、タイマ(setTimeout)は
> 自分でマウスを動かすなどしてイベントを起こしてやるまでは
という説明があったので「マウスを動かす必要ない」ことを示すために使っています。
FF3.0.8はカーソル移動が必要でしたが、prototype.js(またはjQuery)のコーディングをすればクロスブラウザで対応可能なんじゃないかなぁと思います。
No.1
3810
回答ありがとうございます。
onmousemoveやonclickなどいろいろ着火を試してみたのですが、ハンドラの処理は実行されますが、マウスカーソルは変化しないようです。
もうちょっと考えてみます。
No.2
5620
ここでベストアンサー
60pt
http://regnif.web.fc2.com/test/changeCursor/
で何かの足しになりますでしょうか？IE7で確認しています。ページを開くと３秒後にマウスカーソルが砂時計に変わります。ついでに背景色も黒に。
prototype.jsはムシ(jQuery派なので)といっても、jQueryすら組み込んでませんが、マウスカーソルを変更するトリガーって、そんなに難しくないと思うんですが・・・
もし意図や背景的にハズしていたらスミマセンm(__)m
いちおう誤解のないようにと思うのは、タイマ(setTimeout)は
> 自分でマウスを動かすなどしてイベントを起こしてやるまでは
という説明があったので「マウスを動かす必要ない」ことを示すために使っています。
FF3.0.8はカーソル移動が必要でしたが、prototype.js(またはjQuery)のコーディングをすればクロスブラウザで対応可能なんじゃないかなぁと思います。
解決しました。
カーソルを変化させる方法は、style.cursorに'wait'をJavaScriptによって再度代入することでした。
静的にwaitにしておいたものをdisplay='inline'によって出現させるだけではどのブラウザでもダメなようです。
考えてみれば、カーソル移動しないとカーソルが再描画されないという動きは、よく見かけます。
ページ移動によってカーソル位置にリンクが出現した場合とか、スムーズスクロールを実装したアンカーとか。
ブラウザ以外のアプリでは、そういえばあまり見かけない気がします。
あらゆるイベントに応じてカーソル再描画するわけにはいかないというのは、ブラウザの実装の問題として理解できます。
タイマーは例外的なのでしょうね。
あらゆる場面で再描画されないのならば、再描画する方法を用意しておいてほしいですね。
style.cursor='wait'以外にもあるのかもしれませんが、今回はこれで解決とします。
とても参考になりました。ありがとうございました。
1
1
2
1
3
3
解決しました。
カーソルを変化させる方法は、style.cursorに'wait'をJavaScriptによって再度代入することでした。
静的にwaitにしておいたものをdisplay='inline'によって出現させるだけではどのブラウザでもダメなようです。
考えてみれば、カーソル移動しないとカーソルが再描画されないという動きは、よく見かけます。
ページ移動によってカーソル位置にリンクが出現した場合とか、スムーズスクロールを実装したアンカーとか。
ブラウザ以外のアプリでは、そういえばあまり見かけない気がします。
あらゆるイベントに応じてカーソル再描画するわけにはいかないというのは、ブラウザの実装の問題として理解できます。
タイマーは例外的なのでしょうね。
あらゆる場面で再描画されないのならば、再描画する方法を用意しておいてほしいですね。
style.cursor='wait'以外にもあるのかもしれませんが、今回はこれで解決とします。
とても参考になりました。ありがとうございました。