索引 Notes js与html DOM 在DOM树中移动 在DOM中寻找元素 改变Document 创建节点 html元素属性 布局 style CSS选择器 动画 Exercises Build a table Elements by tag name The cat 索引 Notes js与h ...
分类：
编程语言 时间：
2018-09-09 15:23:27
阅读次数：
216
1.具体含义见下图1 2.浏览器的兼任情况 ...
分类：
其他好文 时间：
2018-09-08 20:04:04
阅读次数：
2277
/* 事件绑定的格式： 元素节点.on + 事件类型 = function(){ } 元素节点 事件类型 on+事件类型：事件处理函数 【注】上述三者一绑定：生成一个新的事件对象。 【注】触发事件以后，系统会去调用相关的事件处理函数。 事件对象获取：系统调用相关的函数的时候，会直接将生成的事件对象， ...
分类：
Web程序 时间：
2018-09-08 15:22:45
阅读次数：
244
2、获取兄弟节点/元素的兼容性问题 1）兄弟节点，所有浏览器都支持 ①nextSibling 下一个兄弟节点，可能是非元素节点；会获取到文本节点 ②previousSibling 上一个兄弟节点，可能是非元素节点；会获取到文本节点 2）兄弟元素，IE8以前不支持 ①previousElementSi ...
分类：
编程语言 时间：
2018-08-27 18:32:22
阅读次数：
207
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>方向检测</title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-styl ...
分类：
Web程序 时间：
2018-08-14 18:54:14
阅读次数：
213
pageX/Y 相对于文档窗口左上角 offsetX/Y 相对于触发事件元素的左上角，需要注意的是，offset是有负值的，如果你的元素有边框，那么offset会是负值。 （测试了IE11、Opera54.0.2952.71、Chrome68.0.3423.2、Firefox61.0.2中offse ...
分类：
其他好文 时间：
2018-08-14 16:16:19
阅读次数：
722
screenX clientX pageX概念 screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。 clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。 pageX：参 ...
分类：
其他好文 时间：
2018-08-14 14:36:02
阅读次数：
140
图片跟着鼠标移动： 1.获取鼠标在页面中的位置：（pageX/pageY获取鼠标在页面中的位置） 2.通过id或者其他方法找到图片，然后让图片的位置变为和鼠标位置相同，注意要先让图片脱离文档，即设置position:absolute. 完整代码： <!DOCTYPE html><html lang= ...
分类：
Web程序 时间：
2018-07-31 21:54:00
阅读次数：
198
event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY，但它们使用的 ...
分类：
其他好文 时间：
2018-07-16 14:08:13
阅读次数：
134
理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 ev ...
分类：
其他好文 时间：
2018-07-09 17:15:19
阅读次数：
160
