カーソル下の色を表示する |
Internet Explorer | Netscape Navigator | Opera | iCab | Safari | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
3.0x | 4.0x | 4.5 | 5.0x | 5.5 | 6.0 | 2.0x | 3.0x | 4.0x | 4.x | 6.0 | 7.0 | 6.0 | 7.0 | 2.x | 1.0 | 1.1 | 1.2 | |
Windows | × | × | - | ○ | ○ | ○ | × | × | × | × | × | × | × | × | - | - | - | - |
Macintosh | × | × | × | ○ | - | - | × | × | × | × | × | × | × | × | × | ○ | ○ | ○ |
UNIX | - | - | - | - | - | - | × | × | × | × | × | × | × | × | - | - | - | - |
説 明 | カーソル下の色を表示するブックマークレットです。イベントオブジェクトのsrcElementがマウス下のオブジェクトを示しています。このオブジェクトに色が付いている場合、styleオブジェクトのbackgroundColorに色名またはカラーコードが入っているか、オブジェクトのbgColorプロパティに色名またはカラーコードが入っている事になります。色が指定されていない場合にはundefinedと表示されます。 |
---|---|
サンプル | <html> <head> <title>カーソル下の色を表示する</title> </head> <body> カーソル下の色を表示するブックマークレットです。<br> ページ内の <a href="javascript:void(document.body.onmousemove=function%20(){status=event.srcElement.style.backgroundColor+' / '+event.srcElement.bgColor})">マウス下の色を表示</a> します。 </body> </html> |
補足説明 | なし |
■サンプルスクリプトを実行する >>実行 ■各ブラウザでの動作結果を見る >>View! |