<Page x:Class="Win2DDemo.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/ ...
1、screenX、pageX、clientX、offsetX screenX: 鼠标指针距离屏幕左侧的距离，不随滚动条变化而变化 pageX: 鼠标指针距离文档左侧的距离，不随滚动条变化而变化 clientX: 鼠标指针距离可视窗口左侧的距离, 随滚动条变化而变化， 如果拖动滚动条让元素离可视窗口 ...
分类：
其他好文 时间：
2021-01-21 10:38:46
阅读次数：
0
clientX clientY event.clientX event.clientY client直译就是客户端，客户端的窗口就是指游览器的显示页面内容的窗口大小（不包含工具栏、导航栏等等）。 event.clientX、event.clientY就是用来获取鼠标距游览器显示窗口的长度。 兼容性： ...
分类：
其他好文 时间：
2020-12-17 12:51:29
阅读次数：
2
自定义可拖动的进度条，如下图效果： 代码分三部分 html <body> <div id="demo"> <div class="progress"> <div class="progress-bar"> <div class="progress-thumb"></div> </div> </div ...
分类：
Web程序 时间：
2020-07-17 09:40:58
阅读次数：
102
一、前言 相信各位CS结构开发的程序员，多多少少都遇到过需要美化界面的事情，一般都不会采用系统的标题栏，这样就需要无边框标题栏窗体，默认的话无边框的标题栏都不支持拉伸和拖动的，毕竟去掉了标题栏则意味着失去了系统的窗体的属性，拉伸和拖动都需要自己写代码去实现，网上有很多类似的开源的方案，我也看过不少， ...
分类：
其他好文 时间：
2020-05-21 10:08:02
阅读次数：
38
上一篇给大家讲了一下canvas的一些概念性的东西，这一篇我们来讲一下canvas的最基础的应用： 定义一个canvas：?? var ctx =document.getElementById_x("canvas").getContext('2d'); （1）画图 ctx.fillStyle="rg ...
分类：
其他好文 时间：
2020-05-18 21:06:54
阅读次数：
63
offsetX：鼠标指针距离当前绑定元素左侧距离，他并不是相对于带有定位的父盒子的x，y坐标， 记住了，很多博客都解释错了 offsetLeft,offsetTop 相对于最近的祖先定位元素。 ...
分类：
其他好文 时间：
2020-05-11 18:29:34
阅读次数：
125
// 首先显示牌的背面，然后缩放到0，显示牌的正面，由0到1缩放 1 // 缩放实现翻牌 2 // 牌的背面 3 let card_back = Main.createBitmapByName("card_big_back"); 4 card_back.anchorOffsetX = card_ba ...
分类：
其他好文 时间：
2020-05-10 16:57:11
阅读次数：
118
altkey ： 触发鼠标事件时是否alt 按键被按下,如果按下，则返回true，否则返回 fasle。 button: 事件属性返回一个阿拉伯数字 ， 0代表 按下 左键 ，1 代表按下 滚轮 ，2 代表按下 右键。 offsetX、offsetY ：事件属性返回触发事件时 鼠标相对于事件源元素 ...
分类：
其他好文 时间：
2020-04-09 00:15:45
阅读次数：
74
拖拽元素分三步：1、鼠标摁下2、鼠标移动3、鼠标松开，是由这三个事件组成的。 先获取元素div；设置一个全局变量offsetX,offsetY；让div侦听鼠标摁下事件， 当收到信息时再开始侦听鼠标移动 和鼠标松开的事件，所以在这个事件回调函数里判断事件的类型， 最后鼠标松开时结束侦听。 var d ...
分类：
Web程序 时间：
2020-04-06 15:53:28
阅读次数：
74
