为了显示鼠标相对于浏览器的位置（相对于屏幕和页面类似），我们能够利用click事件，获得关于鼠标单击的事件对象event。这个事件对象里的clientX和clientY包括了鼠标的位置信息，所以我突发奇想。那我可不能够通过DOM中的createElement创建一个标签元素用于在相应的鼠标位置显示当 ...
分类：
编程语言 时间：
2017-07-28 11:09:34
阅读次数：
180
先总结下区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.client ...
分类：
编程语言 时间：
2017-07-27 18:31:46
阅读次数：
180
。。。。。。。。。。。。。 我该说点什么呢，开头居然不知道想说点什么！好吧不知道说什么，我们就来说说这个手写板吧，虽然这个手写板现在没什么用，但是。。。。。，好像的确没什么用啊！ 只是存粹哪里练手的的，呵 。呵 。（大写的尴尬）。我到底在说什么啊！！！好吧不说了，都快跑题了。 我们先看效果吧： 在我 ...
分类：
其他好文 时间：
2017-07-19 14:01:05
阅读次数：
220
原文发布时间为：2009-08-31 —— 来源于本人的百度文章 [由搬家工具导入] 由于Firefox和IE等浏览器之间对js解释的方式不一样，firefox下面获取鼠标位置不能够直接使用clientX来获取。网上说的一般都是触发mousemove事件才行。我这里有两段代码，思路都一样，就是风格不 ...
分类：
Web程序 时间：
2017-07-13 10:37:34
阅读次数：
173
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜2</title> <style> #box{ width: 350px; height: 350px; border: 1px solid #ccc; ma ...
分类：
其他好文 时间：
2017-07-04 16:11:28
阅读次数：
221
在学canvas的时候，想到可以做一个自己用来画画的简易画板，加上canvas的基础都已经学完，便尝试做了一个画板。如图 1.获取标签. c为canvas画板，ctx为定义canvas需要的属性，b为铅笔的粗细，b1为橡皮擦的大小，bbb为手动设置的铅笔大小，col为调色板。 2.设置画板组件 这几 ...
分类：
其他好文 时间：
2017-06-30 00:03:57
阅读次数：
170
事件对象： @click="show($event)" ev.clientX 接收 事件冒泡： 阻止冒泡： 1. ev.cancelBubble=true; 2.@click.stop="" 推荐 默认行为（默认事件）： 阻止默认事件： 1.ev.preventDefault 2.@contextm ...
分类：
其他好文 时间：
2017-06-25 12:00:45
阅读次数：
124
e.pageX，e.pageY：返回的值是相对于文档的定位，文档的左上角为(0,0)，向右为正，向下为正，IE不支持；e.clientX，e.clientY：返回的值是相对于屏幕可见区域的坐标，如果页面有滚动条，呗滚动条隐藏的那部分不进行计算，也可以说是相对于屏幕的坐标，但是不计算上方的工具栏；e. ...
分类：
Web程序 时间：
2017-06-16 11:25:34
阅读次数：
445
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JS Event鼠标拖拽事件</title> <style> #box{width:200px;height:200px;background:#000;position:absol ...
分类：
Web程序 时间：
2017-06-15 18:55:40
阅读次数：
198
