JavaScript関数でのクリックイベントの実行を停止する方法
-
08-07-2019 - |
質問
別の要素をクリックしたときに既に存在するアンカータグにonclickイベントを割り当てようとしています。ただし、私が試したことはすべて、割り当て後すぐにイベントを発生させるように思われます。プロトタイプとScriptaculousを使用しています。
これは関数です:
<script type="text/javascript">
function loadData(step, dao_id) {
var div_id = 'div_' + step;
var anchor_id = 'step_anchor_' + step;
var prv = step -1;
switch(step) {
case 1:
var action = 'major_list';
break;
case 2:
var action = 'alumni_list';
break;
case 3:
var action = 'alumnus_display';
break;
}
new Ajax.Request('awizard.php', {
method: 'get',
parameters: {action : action, dao_id : dao_id},
onSuccess: function(data) {
$(div_id).innerHTML = data.responseText;
//$(anchor_id).observe('click', loadData(prv, dao_id, true));
//Event.observe(anchor_id, 'click', alert('I executed'));
showStep(step);
//$(anchor_id).onclick = loadData(prv, dao_id, true);
//$(anchor_id).observe('click', loadData(prv, dao_id, true));
}
}
)
}
function showStep(step, toggleBack) {
var div_id = 'div_' + step;
if(!toggleBack) {
if(step != 1) {
var prv = step -1;
Effect.SlideUp('div_' + prv, { duration:1, delay:0 });
}
Effect.SlideDown(div_id, { duration:1, delay:1 });
Effect.Appear('step_anchor_' + step, { duration:1, delay:2 });
} else {
var prv = step -1;
Effect.SlideDown('div_' + prv, { duration:1, delay:0 });
Effect.SlideUp(div_id, { duration:1, delay:1 });
Effect.Fade('step_anchor_' + step, { duration:1, delay:2 });
}
}
</script>
おわかりのように、onclickイベントをアンカータグに割り当てる複数の方法を試しましたが、どれも正しく動作しません。最初に、アンカータグのEffect.Appear関数がonclickイベントを発生させると想定したため、showStep関数の後にイベントの割り当てを移動しようとしましたが、違いはありませんでした。さらに、割り当ての直後にstop()関数を呼び出してみましたが、どちらも違いはありませんでした。
これで終わりです。イベントを自動的に発生させることなく、onclickイベントをアンカータグに割り当てる方法はありますか?私は何を間違えていますか?
解決
関数はJavascriptのファーストクラスオブジェクトです。つまり、関数を変数に割り当てたり、他の関数に引数として渡すことができます。コードでは、関数呼び出しと関数への参照を混同しています。
このコードを見てください:
$(anchor_id).observe('click', loadData(prv, dao_id, true));
これが行うことは、&quot; loadData&quot;への呼び出しの結果を渡します。監視機能に。代わりに、関数呼び出しへの参照を渡します。コードを次のように変更することで簡単に修正できます。
$(anchor_id).observe('click', function() { loadData(prv, dao_id, true) } );
所属していません StackOverflow