文档事件不会绑定到页脚

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文档事件不会绑定到页脚相关的知识,希望对你有一定的参考价值。

我只是觉得Safari很奇怪。将“点击”事件绑定到“文档”时,似乎页脚不会被识别为文档的一部分,因此它不会触发文档的“单击”事件。

检查示例代码https://jsfiddle.net/falke88/v2ycdyhj/4/

$(document).on("click", function(){alert("hit!")});
//$('footer').on("click", function(){console.log("footer!")});

使用Safari Mobile(iPhone 6等)打开它,并尝试在页脚和外部(文档区域)内单击。

单击页脚时没有任何反应 - 当在页脚外部点击填充/尺寸时它会起作用。

任何人都可以确认这个问题/功能吗?

答案

似乎工作正常,除了你不能将身体作为另一个元素的兄弟。

你可以做:

<someelement>
Testbody
</someelement>
<footer>
  Testfooter
</footer>

要么:

<body>
   <footer></footer>
</body>

见修改过的小提琴:https://jsfiddle.net/j9coh1eq/

以上是关于文档事件不会绑定到页脚的主要内容,如果未能解决你的问题,请参考以下文章

将图标添加到页脚

容器未延伸到页脚

使 UIButton 在旋转期间保持附加到页脚

vue组件滑到页脚进入下一页,然后再返回为啥会出现屏幕空白的情况

php 将页面内容添加到页脚版权

php 添加心脏到页脚(用爱做)ioicons