当前位置: 首页 > 编程笔记 >

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

雍焱
2023-03-14
本文向大家介绍jquery实现点击页面计算点击次数,包括了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()

      });

});

代码就到这里了,希望小伙伴们喜欢。

 类似资料:
  • 本文向大家介绍jquery实现点击页面回到顶部,包括了jquery实现点击页面回到顶部的使用技巧和注意事项,需要的朋友参考一下 a)下面看看实现,实现很简单,通过JQ判断滚动条向下滚动的长度大于多少时显示【回到顶部+回到首页】的图标(换一种理解:滚动条顶端距离页面顶部的距离),另外一种实现方法,就是通过锚标记,很好理解,就是标记一个位置,事件激活时,给我回到这个位置 b)JQ判断滚动条向下滚动的长

  • 一、什么是页面点击分析? 页面点击分析无需代码埋点即可自动采集用户在网站页面的点击行为,让产品设计人员、运营人员等更加直观的对比和分析用户在页面的聚焦度、页面浏览次数和人数以及页面内各个可点击元素的百分比。 二、有哪些应用场景? 以诸葛io官网为例,我们的UI设计师会通过该功能重点分析新用户进入首页之后的流量走向,用户更聚焦哪些功能?哪些功能流量大但却比较隐蔽?对于大流量的入口是否还有其他信息可以

  • 本文向大家介绍页面点击小红心js实现代码,包括了页面点击小红心js实现代码的使用技巧和注意事项,需要的朋友参考一下 效果图 核心代码 love.js 引用方法 为了方便大家使用,特打包提供 下载地址

  • 本文向大家介绍javascript实现鼠标点击页面 移动DIV,包括了javascript实现鼠标点击页面 移动DIV的使用技巧和注意事项,需要的朋友参考一下 一、原理分析: 1.怎么移动? 要移动DIV到指到的坐标点(X,Y),其实质,就是同时改变DIV的DIV.style.top 和 DIV.style.left 这两个值; 2.如何看到移动? 因为要有移动效果,而不是突然间就将某个DIV的T

  • 本文向大家介绍jQuery实现按钮只点击一次后就取消点击事件绑定的方法,包括了jQuery实现按钮只点击一次后就取消点击事件绑定的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现按钮只点击一次后就取消点击事件绑定的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍Python爬虫实现模拟点击动态页面,包括了Python爬虫实现模拟点击动态页面的使用技巧和注意事项,需要的朋友参考一下 动态页面的模拟点击: 以斗鱼直播为例:http://www.douyu.com/directory/all 爬取每页的房间名、直播类型、主播名称、在线人数等数据,然后模拟点击下一页,继续爬取 代码如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多