本节中$("body").click()相关问题??

来源:3-7 通用图文组件类-H5ComponentBase(接受 onLoad、onLeave事件)

时光有染

2017-01-15

http://szimg.mukewang.com/587b8e2d0001941609950295.jpg


http://szimg.mukewang.com/587b8ed5000185b609950910.jpg

老师您好!

对于图片中的代码,意思就是当点击body就会执行里面的函数,可是我在调试中只有点击上图中白色的部分才会有点击效果,也就.iphone的区域,点击黑色背景的部分不执行click事件,可问题是黑色部分也属于body部分啊,为什么就不执行click事件呢?

写回答

2回答

Lyn

2017-01-16


  1. 内部的 .phone 在 body 元素内,点击  .phone 一定可以把事件传播到 body 上

  2. body 背景色是黑色的,但是 body 的高度是 0 ,实际上你点击的黑色部分,并不实 body 元素的范围。


关于 body 的高度,可以参考下 张鑫旭 老师的文章

http://www.zhangxinxu.com/wordpress/2009/09/%E5%AF%B9html%E4%B8%8Ebody%E7%9A%84%E4%B8%80%E4%BA%9B%E7%A0%94%E7%A9%B6%E4%B8%8E%E7%90%86%E8%A7%A3/

0
1
时光有染
非常感谢!
2017-01-16
共1条回复

时光有染

提问者

2017-01-16

谢谢老师的回答。开始我也想到body高度塌陷的问题,但一看给body设定的黑色背景也能呈现出来这一点又很奇怪,原来body的背景色是作用在了html上了,被html借用。

0
2
慕小帅
额。。
2017-03-10
共2条回复

Web App用组件方式开发全站

用HTML5/CSS3/JS流行技术,实现移动端可视化数据报告

3164 学习 · 516 问题

查看课程