Click回数を数え、規定された回数でアクションを起こす方法

解決済

質問者：scapegoat_
質問日時：2009/06/26 07:40
回答数：3件

初めまして。お世話になります。

（Layer1中の）Click回数を数え、規定された回数でアクションを起こす方法を模索しているところなのですが、、、
なかなかそれが見つかりません。
ご存知の方、ご教授頂ける方がおられたらと思い投稿させて頂きます。

例えば以下のsetTimeoutを利用したlinkの様に、setTimeをCrick回数に代替えし、
規定値（仮に10回）に達したところで別ページへ移動させるような方法があるんでは？
なんて素人ながら思っているのですが。。

<SCRIPT type="text/javascript">

</SCRIPT>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： babu_baboo
回答日時：2009/06/26 09:19

こんちくわぶぅ～！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<title>クリックした回数で、アクション？</title>

<p id="a">5回押すと</p>
<p id="b">1回だけでも</p>

<script type="text/javascript">
//全角空白は、半角にでもなおしてね
//@cc_on @set @V = (@_jscript_version >= 5.5)
var clicker = {};

clicker.countup = (function () {
　return function (e) {
　　var p = this.get(e);
　　if (p) {
　　　p.count_buffer++;
　　　if (p.count_buffer == p.counter) {
　　　　p.func.call();
　　　　p.count_buffer = 0;
　　　}
　　}
　};
})();

clicker.add = (function () {
　return function (eid, count, func) {
　　var e = document.getElementById(eid);
　　var p;
　　if (! (p = this.get(e))) this.put(e, count, func);
　};
})();

clicker.get = (function () {
　return function(e) {
　　return this.hasOwnProperty (e.id) ? this[e.id]: null;
　};
})();

clicker.put = (function () {
　return function (e, count, func) {
　　this[e.id] = {element:e, counter:count, func:func, count_buffer:0};
　　return e;
　};
})();

clicker.Listener = (function () {
return function (evt) {
　　var e = evt./*@if (@V) srcElement @else@*/ target /*@end@*/;
　　　if (e.id && clicker.get (e)) clicker.countup(e);
};
})();

clicker.Finalizer = (function () {
return function (e) {
　　document./*@if (1) detachEvent ('on' + @else@*/ removeEventListener (/*@end@*/
　　　　'click', clicker.Listener, false);
　　
　　/*@if (1) detachEvent ('on' + @else@*/ removeEventListener (/*@end@*/
　　　　'unload', clicker.Finalizer, false);
};
})();

//_______________________________

document./*@if(@V)attachEvent('on'+ @else@*/addEventListener(/*@end@*/
　'click', clicker.Listener, false)
　
/*@if (1) attachEvent ('on' + @else@*/ addEventListener (/*@end@*/
　　'unload', clicker.Finalizer, false);
//_______________________________

clicker.add ('a', 5, function(){alert("5かいおした！");});
clicker.add ('b', 1, hoge);

function hoge() {
　alert("1かいおした！");
}
</script>

- 1
- 件

通報する

No.3

回答者： babu_baboo
回答日時：2009/06/26 09:24

#No2.です。

はやくもていせいします。

@if(1)
を
@if(@V)
に！
そのままでも、うごくとおもうけどね。
まちがいあったら、してきおねがいします。

ばぶ。

- 2
- 件

通報する

この回答へのお礼

babu様
ありがとうございます。動作確認出来ました！
こちらを改良して目的に合った使い方をしていきたいと思います！
未だどこがどういう働きをしているか理解していない点はありますが、
追って調べてゆきたいと思います。

通報する

お礼日時：2009/06/26 10:33

No.1

回答者： STICKY2006
回答日時：2009/06/26 09:17

こんちくは。

- 0
- 件

通報する

この回答へのお礼

STICKY2006様
ありがとうございます。残念ながらご提示頂いたソースの回避チェック、
if(eval(hogehoge.value) => 10)で構文エラーとなり、動作確認がとれず、
またどこを修正すれば良いか理解できず申し訳なかったですが、
解決の兆しが見えましたのでお礼を兼ねご報告させて頂きます。

通報する

お礼日時：2009/06/26 10:42

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！