获取背景位置
开发工具与关键技术：DW JS
作者：尘则
撰写时间：2022/3/8
获取背景位置的做法，
通过boss这个自定义属性设置的是元素的行内样式定义函数，
用来获取指定元素的当前样式。
参数： 1. element 要获取样式的元素 2. name 需要获取的样式名
<!doctype html>
<html><head>
<meta charset="utf-8">
<title>无题文档</title>
<style>
/* CSS样式 */
/* 获取boss的X轴Y轴 */
.boss{
width: 303px;
height: 303px;
margin: 100px auto 10px;
background:#C87E2E;
}
/* 参数显示 */
h4{
width: 300px;
height: 50px;
margin: 0 auto;
border: 1px solid #FFA400;
}
</style>
</head>
<body>
<div id="boss" class="boss"></div>
<h4 id="txt"></h4>
<script>
</script>
<script>
window.onload=function(){
// 获取box元素
var box=document.getElementById("boss");
// 获取txt元素
var txt=document.getElementById("txt");
// onmousemove： 鼠标移动事件
box.onmousemove=function(event){
// Event 对象的属性提供了有关事件的细节
// （例如，事件在其上发生的元素）。
// Event 对象的方法可以控制事件的传播。
// event或者window.event.
event=event||window.event;
// 获取X轴Y轴
var X=event.clientX;
var Y=event.clientY;
// "X="+X+"Y="+Y=X轴Y轴的位置
txt.innerHTML="X="+X+"Y="+Y;
}
}
</script>
</body>
</html>
这些是我所知到的获取背景位置，所以我要分享给你们，希望可以帮助到你们。以上就是我的分享，萌新出道，请多指教。
如果有更好的方法欢迎在评论区教导和提问喔！
2026
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
