クロスブラウザ対応イベントリスナー設定関数 : JavaScript
イベントリスナーを設定する関数はIEとFirefoxで互換性がありません。本記事ではクロスブラウザに対応したイベントリスナーの設定関数をご紹介します。
» Top 10 custom JavaScript functions of all tim
<head>
<script type="text/javascript">
function addEvent(elm, evType, fn, useCapture) {
if (elm.addEventListener) {
elm.addEventListener(evType, fn, useCapture);
return true;
}
else if (elm.attachEvent) {
var r = elm.attachEvent('on' + evType, fn);
return r;
}
else {
elm['on' + evType] = fn;
}
}
var callback = function () {
alert('addEvent Sample');
}
window.onload = function() {
var elm = document.getElementById('sample');
addEvent(elm, 'click', callback, false);
}
</script>
</head>
<body>
<p id="sample">クリックするとJavascriptでダイアログを表示します。</p>
</body>
»Demo
段落をクリックするとアラート画面を表示します。
コメント
No comments yet.
コメントの投稿
改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。