2009年8月19日水曜日

ondblclick

リンクの連打を考えていたら、

ondblclick

っていう属性を知りました。
ダブルクリックイベントを拾います。

で、サンプルを書いてみた。
いまいち期待とおりの動作をしない。

onclickとondblclickの併用は付加?

それじゃあ、連打してると#のリクエストがとぶような気がするのは?




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="ja">
<head>
<title> .:: Sample Play Keepaway ::.</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="cache-control" content="no-cache">
<meta name="Author" content="Sample">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script language="Javascript" type="text/javascript"><!--
function onclick_action() {
document.getElementById('result').innerHTML = 'onclickイベント';
return false;
}

function ondblclick_action() {
document.getElementById('result').innerHTML = 'ondblclickイベント';
return false;
}

function init() {
document.getElementById('result').innerHTML = '';
return false;
}
//--></script>
</head>
<body>
<ul>
<li><a href="#" onclick="return onclick_action();">onclickイベント発動</a></li>
<li><a href="#" ondblclick="return ondblclick_action();">ondblclickイベント発動</a></li>
<li><a href="#" onclick="return onclick_action();" ondblclick="return ondblclick_action();">どっちでもイベント発動</a></li>
<li><a href="#" onclick="return init();">初期化</a></li>
</ul>
<div id="result"></div>
</body>
</html>





もうちょっと考えてみよっと。

0 件のコメント:

コメントを投稿