JS笔记-getPosition 让你找到元素x,y位置

目录

JS笔记-帮元素加上style的写法

JS笔记-getPosition 让你找到元素x,y位置

js笔记--写脚本需要用到的waitForKeyElements.js

JS笔记-设定CSSstyle的function

JS笔记-使用fetch下载档案/download.js好用的东西

JS笔记-前端新手练习小专案（附加4个JS实例网站可学）

JS笔记-关掉alert的简单小技巧

JS笔记-使用ajax传送表单(ex.传送google表单)

JS笔记-前端拨放m3u8的两种方法

JS笔记-让chrome跳过「允许下载多个档案」的技巧

JS笔记-製作copy效果

JS笔记-暂时让网页可以编辑

JS笔记-VScode自己设定速打

JS笔记-VScode的Prettier(自动排版)怎么开始使用？

前情提要

很实用的一个pure js function
来源与教学网站 https://andyyou.github.io/2015/04/07/get-an-element-s-position-by-js/

function getPosition (element) {  var x = 0;  var y = 0;  // 搭配上面的示意图可比较轻鬆理解为何要这么计算  while ( element ) {    x += element.offsetLeft - element.scrollLeft + element.clientLeft;    y += element.offsetTop - element.scrollLeft + element.clientTop;    element = element.offsetParent;  }  return { x: x, y: y };}

写这个函式的手段也很值得学习 可以自己写一些实用的function