控制元素的点击执行事件只执行一次

Posted 舞纷菲

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了控制元素的点击执行事件只执行一次相关的知识,希望对你有一定的参考价值。

if(e.handled !== true){ }
e.handled=true;
function(e)
 
 
 
完整例子:
$(‘.shoucangtitlele‘).click(function(e){
                if(e.handled !== true){
                    var data = $(this).attr(‘data‘);
                    alert(data);
                    if(data==‘on‘){
                        $(this).children(‘b‘).html(‘已收藏‘);
                        $(this).children(‘span‘).addClass(‘shoucanghou‘);
                        $(this).children(‘span‘).html(‘<i class="fa fa-star" aria-hidden="true"></i>‘);
                        $(this).attr(‘data‘,‘off‘);
                    }
                    if(data==‘off‘){                
                        $(this).children(‘b‘).html(‘收藏‘);
                        $(this).children(‘span‘).removeClass(‘shoucanghou‘);
                        $(this).children(‘span‘).html(‘<i class="fa fa-star-o" aria-hidden="true"></i>‘);
                        $(this).attr(‘data‘,‘on‘);
                    }
                e.handled=true;
                }
            });

以上是关于控制元素的点击执行事件只执行一次的主要内容,如果未能解决你的问题,请参考以下文章

click事件的累加绑定,绑定一次点击事件,执行多次

关于点击事件只执行一次的问题

JS求助,键盘事件和单击事件,限制只执行一次

js jquery 多次点击只执行一次

java事件触发计时器后二十四小时后只执行一次业务逻辑

jquery绑定click事件出现点击一次执行两次的问题