第八周自学前端H5中问题总结,如ClientX/client pageX/pageY screen/screenY的使用和区别
2019-04-21 13:40
267 查看
1.div/section/article的区别
<div> - 内容组
<section> - 有联系的内容组
<article> - 独立完整的内容
2.ClientX/client pageX/pageY screen/screenY的使用和区别
pageX/pageY:低版本浏览器(IE67)不支持,以当前文档(body)的左上角为基准点。
screenX/screenY:以当前屏幕的左上角为基准点。
clientX/clientY:当前窗口的左上角为基准点,可视区域。
pageX |
光标相对于该网页的水平位置(ie无) |
pageY |
光标相对于该网页的垂直位置(ie无) |
screenX |
光标相对于该屏幕的水平位置 |
screenY |
光标相对于该屏幕的垂直位置 |
clientX |
光标相对于该网页的水平位置 (当前可见区域) |
clientY |
光标相对于该网页的垂直位置 |
3. 移动端web app,移动端网页,Hybrid开发,需要在页面头部加上下面这句话。
<meta name="apple-mobile-web-app-capable" content="yes">
这个meta的作用是让普通移动网页被添加到主屏幕后,拥有一些类native的功能,很多同学应该都很熟悉了。就是类似隐藏ios的上下状态栏,实现全屏,禁止弹性拖拽,全屏,修改顶部颜色等。
相关文章推荐
- pageX/pageY,screenX/screenY,clientX/clientY的差别
- js鼠标事件中的clientX/clientY,screenX/screenY,pageX/pageY,offsetX/offsetY,layerX/layerY,x/y
- 分析x,offsetX clientX screenX,pageX,y,offsetY clientY screenY,pageY之间的区别
- clientX,clientY,pageX,pageY,screenX,screenY的区别
- 关于HttpClient在服务器端使用请求碰到的问题总结
- java内部类总结 问题:内部类、静态内部类区别、使用场景?
- clientX, clientY,offsetX, offsetY,screenX, screenY, x, y,pageX,pageY的区别
- 理解e.clientX、e.clientY、e.pageX、e.pageY、e.offsetX、e.offsetY、e.screenX、e.screenY
- [自学问题总结]const 和 static readonly 区别
- 关于前端使用easyUI框架的问题总结
- [自学问题总结]静态成员和非静态成员的区别
- screenX pageX clientX 的区别
- 使用Appache的FTPClient遇到的一些文件名乱码问题-总结(遇到了再续....)
- javascript 中 x offsetX clientX screenX pageX的区别
- 【前端】screenX/Y, clientX/Y, pageX/Y 的区别
- pageX clientX screenX 区别
- 微信H5支付问题(前端部分)(内附jssdk使用方法)
- clientX/clientY 与 screenX/screenY 的区别
- [自学问题总结]StringBuilder 和 String 的区别
- offsetTop clientX pageX screenX scrollTop之间的区别以及代码实现