jquery当中bind和unbind，pageX，pageY，.screenX， screenY是怎么用的？

最新推荐文章于 2022-01-25 14:29:29 发布
最新推荐文章于 2022-01-25 14:29:29 发布
阅读量268 收藏
点赞数
分类专栏： javascript 文章标签： jquery bind jquery unbind jquery pageX jquery pageY jquery screenX
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mark_to_win/article/details/88689843
版权

例 2.2（e.pageXscreenX.html） 

<html>
<head>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
/*马克-to-win：和原来一样，pageX指窗口里，screenX指屏幕，所以多了一个上面的菜单。*/
    $("body").bind("click", fn1 = function(e){   
        var posPage = "(" + e.pageX + "," + e.pageY + ")";
        var posScreen = "(" + e.screenX + "," + e.screenY + ")";
        $("span").html("<br>Page: " + posPage + "<br>Screen: " + posScreen);
    });
    $("input[type=button]").click(function(){
        $("body").unbind("click",fn1);    //移除事件监听myFunc1
    });
});
</script>
</head>
<body>
sgkls<br>
sfdgsdg<br>
gf<br>
fsdf<br>
fgdsf<br>
sdf<br>
sdfdsf<br>
sdfsd<br>
<input type="button" value="移除事件1">
<span></span>
</body>
</html>

更多请见：https://blog.csdn.net/qq_44594371/article/details/103062825

mark_to_win
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
01-19
事件 如(.click())其实就是单个的绑定事件的简写(bind(“click”)) html： <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN> <html> <head> <title>02_事件绑定.html</...
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
01-21
本文实例讲述了jQuery绑定事件监听bind和移除事件监听unbind用法。分享给大家供大家参考，具体如下： 这里分别采用后bind(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除，...
关于jquery中offset pageX pageY position scrollTop scrollLeft的区分
lyzzy_sh的博客
01-04 654
1.offset 元素相对文档的偏移 2.pageX, pageY 事件(鼠标)相对文档的偏移 3.position 元素相对父元素的偏移 4.scrollTop, scrollLef 元素内滚动条的位置，如果元素内没有滚动条，则为0。注意：是元素内部的滚动条。
Page bind code function(<%%>,<%=%>,<%#%>)
weixin_30482181的博客
11-22 97
<%%>：这个符号中的东西和写在.cs文件中的内容是一样的，相当于是吧.cs的部分内容写到了.aspx文件中。所以这里面的东西必须是可以用"；"结尾的语句。 <%=%>：这个符号里的内容必须是表达式，比如“?:”这样的三目运算符构成的表达式。单个的一个变量也可以是一个表达式，所以<%=%>可以用来在页面上绑定在.cs文件里面声明为protec...
原生JS与jQuery中事件对象的坐标详解screenX/clientX/pageX/offsetX
weixin_42839080的博客
08-17 2219
首先我们先介绍什么是事件: 事件就是某一个对象在特定的时刻做了某一件事。比如：点击事件，当我点击了按钮后变触发了点击事件浏览器会做出相应的响应。 那么事件有三大要素： 1、事件源：dom对象 2、事件类型：具体参照W3C的javas事件参考手册 3、事件响应：一般是一个函数，称之为事件处理函数 原生JS注册事件的语法： //原生注册事件语法： documen...
pageX，pageY，screenX，screenY，clientX，和clientY，offsetX ，offsetY，layerX，layerY的使用 和 区别
IT技术宅-北方的刀郎
01-25 2138
pageX，pageY，screenX，screenY，clientX，和clientY返回一个数，其指示物理“CSS像素”的数量的点是从参考点。事件点是用户单击的位置，参考点是左上角的一个点。这些属性返回该参考点的水平和垂直距离。 写了俩文件，放一个文件夹内测试看完就能明白， layerX_pageX_clientX_screenX_window_document_body.html： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
10-19
在我们日常开发中经常会使用到.bind()、.live()、.delegate()和.on()，有些同学会对这四者存在一些疑虑，所以下面这篇文章主要给大家介绍了关于Jquery中.bind()、.live()、.delegate()和.on()之间区别的相关资料，...
jquery中clientY，pageY和screenY的区别 最后三张图一目了然。转载的
肖肖肖丽珠的博客
05-13 5400
jquery获取坐标     * {margin: 0;padding: 0;}     div p {         display: inline-block;box-sizing: border-box;     } 鼠标当前的屏幕坐标是：x:0,y:0 鼠标当前窗口客户区的坐标是：x2:0,y2:0 鼠标在窗口页面中的坐标是：x3:0,y3:
JQuery中pageX與offset().top區別
zhang1597116的专栏
10-17 4345
1、pageX與pageY屬性是JQuery事件e的屬性。 2、offset().top是JQuery對象的屬性。   $(function() { $("#p1").click(function(e) { //offset()获得的是元素的左上角相对于整个网页的坐标
AspNetPager使用方法
jmh521的专栏
10-29 1252
不同于DataGrid控件，AspNetPager分页控件本身并不显示任何数据，而只显示页导航元素，数据在页面上的显示方式与该控件无关。该控件可以为DataGrid、DataList、Repeater以及自定义控件进行分页，配合Sql存储过程，分页性能较使用DataGrid分页有明显提升，尤其是当数据量大时性能可提升数倍！     AspNetPager 2.0 中新增了通过Url来分页的功能
页面上pageX、offsetLeft等的使用方法
不染-9732
06-28 2204
页面上pageX、offsetLeft等的使用方法 pageX: 页面X坐标位置 pageY: 页面Y坐标位置 <script> window.onmousemove=function(e){ // 鼠标移动的时候得到鼠标实时的位置 console.log(`${e.pageX},${e.pageY}`); } </script> screenX: 屏幕X坐标位置 screenY: 屏幕Y坐标位置 clientX: 鼠标的坐标到页面
js定位,jq定位,jquery定位,clientX,clientY,offsetX,offsetY,screenX,screenY
jiandancubao的博客
09-13 1984
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的（this）对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的（this）对象的
图解事件坐标screenX、clientX、pageX, offsetX的区别
热门推荐
越努力，越幸运！
11-30 1万+
一、图解 如图所示，假设页面中灰色圆点是鼠标点击处，黄色区域是鼠标触发事件对象 二、概念 1、screenX 和screenY 参照点：电脑屏幕左上角 screenX：鼠标点击位置相对于电脑屏幕左上角的水平偏移量 screenY：鼠标点击位置相对于电脑屏幕左上角的垂直偏移量 2、clientX和clientY 参照点：浏览器内容区域左上角 clientX：鼠标点击位置相对...
如何获取元素的相对于屏幕的距离？
jx_2015_11_3的博客
09-15 5827
如何获取元素的相对于屏幕的距离？原生的js有一个函数getBoundingClientRect()<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>获取元素的相对于屏幕的距离</title> </head> <body> <div id="div"></div
bind函数的作用
超哥的专栏
10-25 5050
建立tcp连接的时候 服务器端执行流程 调用socket函数，建立一个套接字，该套接字用于接下来的网络通信 调用bind函数，将该套接字绑定一个地址和端口号 调用listen函数，使用该套接字监听连接请求 调用accept函数，接受该套接字连接请求 客户端执行流程 调用socket函数，创建一个套接字 调用connect函数，使用该套接字与服务器进行连接 服务器端和客户端程序的显著区别在于...
图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
09-05 342
通过 3 张图和 1 张表格，轻松区别JavaScriptEvent 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： <!DOCTYPE HTML> <html lang="zh-cn"> <head> <meta charset="utf-...
正确使用pageX、pageY、offsetLeft、offsetTop
zheng_pika的博客
07-05 9347
获取鼠标位置的时候，遇到一点疑问，然后验证了一下自己的疑惑；pageX、pageY跟clientX和clientY类似，是相对于浏览器文档的坐标；offsetLeft、offsetTop获取的是固定定位，也就是说，监听某个选择器内的鼠标位置，这个方法返回的是这个固定范围的左上角离页面左上角的距离坐标；下面利用一个简单的div来演示一下div{ width: 100px; ...
读jQuery之十二（删除事件核心方法）
zhouruitao的专栏
04-19 135
使用jQuery删除事件（或称解除事件绑定）有三个函数：unbind、die和undelegate。 这三个方法都依赖于未公开的jQuery.event.remove（后续使用.remove简写）。此为删除事件的核心方法。       .remove 所作的事情与上一篇提到的.add 刚好相反。且与.add中的处理代码一一对应，即  .add 中有多少种添加事件的方式.remove就...
<div class="first"> <span class="first_child" ng-style="{background:BIND.countdown.status == 1 ?'grey':''}" ng-click="BIND.SendCodebt1()"> <span> {{ BIND.countdown.status == 1 ? BIND.countdown.number +'s后重新发送' : '短信动态码'}} </span> </span> <span class="two_child" ng-style="{background:BIND.countdown1.status == 1 ? 'grey':''}" ng-click="BIND.SendCodebt2()"> <span> {{ BIND.countdown1.status == 1 ? BIND.countdown1.number +'s后重新发送' : '语音动态码'}} </span> </span> </div>为什么语音会控制端倪性能
最新发布
06-09
其中，按钮的样式由一个名为`ng-style`的指令来控制，它会根据`countdown`和`countdown1`对象的状态来动态改变按钮的背景色。当`countdown`或`countdown1`对象的`status`属性为1时，表示可以重新发送验证码，此时...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mark_to_win

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值