一个标签的点击事件怎么实现第一次点击调用A方法第二次点击调用B方法？

click事件如何实现点击调用不同的方法？

这波能反杀

12.6k51637

发布于
2015-11-07

更新于
2015-11-07

✓ 已被采纳

不知道题主的意思是只点击2次还是每点击一次，下一次的事件就切换，如果是后者，you can continue！

使用标记，点击一次重置一次标记的值即可，方法如下

var btn = document.getElementById('btn');

var tag = true;
btn.onclick = function() {
    if (tag == true) {
        alert('aaaaaaaa');
    } else {
        alert('bbbbbbbb');
    }
    tag = !tag;
}

当然，如果你想要自己的代码逼格高一点，你还可以这样

btn.onclick = function() {
    if (!arguments.callee['biewenwo']) {
        alert('aaaaaaaa');
    } else {
        alert('bbbbbbbb');
    }
    arguments.callee['biewenwo'] = !arguments.callee['biewenwo'];
}

代码逼格还可以来一次小小的升级

btn.onclick = function() {
    arguments.callee['biewenwhat'] ? bClick() : aClick();
    arguments.callee['biewenwhat'] = !arguments.callee['biewenwhat'];
}

完整代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="button" value="ClickMe" id="btn">
</body>

<script>
window.onload = function() {
    var btn = document.getElementById('btn');

    btn.onclick = function() {
        arguments.callee['biewenwhat'] ? bClick() : aClick();
        arguments.callee['biewenwhat'] = !arguments.callee['biewenwhat'];
    }

    function aClick() {
        alert('aaaaaaaaa');
    }
    function bClick() {
        alert('bbbbbbbbb');
    }
}
</script>
</html>

方法1、计数（可以存到一个隐藏的input 或者某个隐藏标签内或者某个标签的自定义属性）
方法2、重新绑定点击事件

lloyd_zhou

1.7k129

发布于
2015-11-07

看看jquery toggle API

wangfulin

6.1k1513

发布于
2015-11-07

更新于
2015-11-07

var isFirstTriggered=true;

ele.addEventListener(type,function(){
   triggerEvent();  
},false);

function triggerEvent(){
    if(isFirstTriggered){
         handlerA();
         isFirstTriggered=false;
    }else{
         handlerB();
    }
}

click事件如何实现点击调用不同的方法？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何实现一个深拷贝函数？

怎么获取动态弹出对话框的模拟单击？

git提交记录问题？

为什么在 JavaScript 中直接调用和用逻辑与调用方法结果不同？

什么是闭包？闭包有哪些应用场景？