点击body没有响应

最近一段时间因为特殊原因,正在学习 html 相关技术,这个周末应该就可以结束啦。
本来想全屏点击,响应并且返回位置信息,结果发现不能响应,经过一番搜索,发现
1、可以给 body 添加 width 和 height ,然后点击就会响应时间;
2、添加方法

document.onmousedown = function(){alert('0');} // 加入这句的话,点击鼠标就能响应事件

代码如下:
html:

<body onmousedown="test1(event)" onmousemove="test1(event)" style="background-color: pink;">
<script language="javascript">

</script>
</body>~~~

css:

body {
width: 500px;
height: 400px;
/width: 100%;/
/height: 100%;/ 100%是不能够显示的
}~~~

js:

function test1(locati) {
    //window.alert("OK!~");
    document.writeln('x=' + locati.clientX + " y=" + locati.clientY);
}
// 这些事只需要其中的一个来验证就可以了
document.onmousedown = function (locati) {
    //window.alert('x=' + locati.clientX + " y=" + locati.clientY);
    //alert('0'); // 加入这句的话,点击鼠标就能响应事件
}


document.onmousedown = function(){alert('0');} // 加入这句的话,点击鼠标就能响应事件
document.onmousemove = function(){document.writeln("逗逗,大,")} //~~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,684评论 1 92
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 4,996评论 0 1
  • 这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关 1. 添加到主屏...
    泡芙小姐110阅读 3,975评论 3 17
  • Q妈:今天云层很厚好像快要下雨了,太阳它在做什么呢? Q宝:天气不好,太阳公公躲起来了。 Q妈:为什么呢? Q 宝...
    Eskimo88阅读 5,682评论 1 50