2016年4月12日(火)
onScrollイベントハンドラー #HTML5&CSS3&JavaScript XHTML 1.0では正しい記述が、HTML5では誤っているとは。
HTML5において、JavaScriptのonScrollイベントハンドラーは、windowに対しては有効であるが、各オブジェクトに対しては誤った記述となる。
--○--
<script>
function _srtat(){
atert("ok");
}
window.onscroll = _start;
</script>
--
--○--
<script>
window.onscroll = function(){
alert("ok");
}
</script>
--
--×--
<html>
<head>
<script>
document.getElementById("id_text").onscroll = function(){
atert("ok");
}
</script>
</head>
<body>
<textarea id="id_text"></textarea>
</body>
</html>
--
オブジェクトの場合は、タグ内に記述すると正常に動作する。
--○--
<body>
<textarea onscroll="alert('ok');"></textarea>
</body>
--
これだけのことに、一日費やした。HTML5って、XHTML 1.0から退化している部分もあることを、肝に銘じておこう。
お問い合わせ