Javascript:カーソル合わせたときに何かさせる方法(mouseover)
何故今更感があるけれど・・・
今の職場は、情報システム課なのに、何故か導入して良いツールに非常に謎な統制が取られていて、VBA以外まともにプログラムをやる機会が無い・・・
・・という事で、せめて自分の仕事を快適にするために、HTMLとJavascriptで便利にしている今日このごろ。
・・・が、WEBサーバーも使えないので・・・ね。。。
mouseover
とりあえず、文字にマウスカーソル合わせたら、背景が赤くなるみたいなよくある感じに。
jqueryもいつまでトレンドなのか謎だし・・・
地味にJabascriptで何でも出来るようにするのが良いのかも。
今の職場は、情報システム課なのに、何故か導入して良いツールに非常に謎な統制が取られていて、VBA以外まともにプログラムをやる機会が無い・・・
・・という事で、せめて自分の仕事を快適にするために、HTMLとJavascriptで便利にしている今日このごろ。
・・・が、WEBサーバーも使えないので・・・ね。。。
mouseover
<!DOCTYPE html>
<head>
<script type="text/javascript">
windows.addEventListener('load',
function(event){
var elems = document.getElementByName('testmouseover');
for(var i=0; i < elems.length; i++){
elems[i].addEventListener('mouseover', mouseevent, false);
}
},
false );
function mouseevent(event){
var elem = event.currentTarget;
elem.style = 'background=red;";
}
</script>
</head>
<body>
<div name="testmouseover">title1</div>
<div name="testmouseover">title2</div>
<head>
<script type="text/javascript">
windows.addEventListener('load',
function(event){
var elems = document.getElementByName('testmouseover');
for(var i=0; i < elems.length; i++){
elems[i].addEventListener('mouseover', mouseevent, false);
}
},
false );
function mouseevent(event){
var elem = event.currentTarget;
elem.style = 'background=red;";
}
</script>
</head>
<body>
<div name="testmouseover">title1</div>
<div name="testmouseover">title2</div>
<div name="testmouseover">title3</div>
<div name="testmouseover">title4</div>
<div name="testmouseover">title5</div>
</body>
</html>
とりあえず、文字にマウスカーソル合わせたら、背景が赤くなるみたいなよくある感じに。
jqueryもいつまでトレンドなのか謎だし・・・
地味にJabascriptで何でも出来るようにするのが良いのかも。
