课程
/前端开发
/JavaScript
/用JavaScript实现图片剪切效果
老师应该对某些细节部分做讲解。比如，width和offsetWidth有何不同；为什么在获得鼠标位置时，用clienX不用pageX或者offsetX
2014-07-29
源自：用JavaScript实现图片剪切效果 3-9
正在回答
xx.style.width 是用来设置宽度的，不适合用于获取宽度 因为文档一开始加载完之后你可能没有在style属性里面设置过width， 而offsetWidth是用于获取宽度的，这个属性一直存在，只读的 不能写入。
clienX是获取鼠标在屏幕可视区的位置， pageX是获取在屏幕的位置，如果有滚动条的存在 你就可以发现两者不一样了，pageX算入滚动条的高度的。 offsetX没有这种写法。 倒是有个screenX，这个是获取鼠标在整个桌面的位置的
width是设置 offsetWidth是取值 两个不同的东西
我查到的是，width得到的是字符串，不可直接加入计算。offsetWidth得到的是num型的值，可直接加入计算，除此以外，就得到的值来说，两者相同
width可以不给设定，但是它却可以被子元素撑开，所以当这时候再用width和offsetwidth获取的值就不一样了。后面的就不知道
举报
神奇的图片特效，还会给大家介绍css中让人惊喜的clip属性
