クロスブラウザ対応イベントリスナー設定関数 : 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.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。