jquery实现点击页面计算点击次数

146 阅读 0 评论 97 点赞

我是靠谱客的博主孝顺香菇，最近开发中收集的这篇文章主要介绍jquery实现点击页面计算点击次数，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

代码很简单，这里就不多废话了，直接奉上：

复制代码代码如下:

$(function(){

      var w=0,tip=$("<b>");

      tip.css({

   "z-index":99999,position:"absolute",color:"red",display:"none"

              }),

      $("body").append(tip),//页面创建b标签用来显示数字

      $(document).on("click",function(e){

            var x=e.pageX,y=e.pageY;//获取点击页面坐标

            tip.text("+"+ ++w).css({//数字加1

              display:"block",top:y-15,left:x,opacity:1//定位显示

            }).stop(!0,!1).animate({//stop(stopAll,goToEnd),如果发生多次点击时，要停止上一个动画的执行

                              top:y-180,opacity:0},800,function(){

                                        tip.hide()

                                    }),

            e.stopPropagation()

      });

});