點擊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閱讀 13,814評論 1 92
  • 一:在制作一個Web應用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術因素的...
    Arno_z閱讀 1,232評論 0 1
  • 這是一個最好的時代,因為我們站在潮流中;但也是一個最壞的時代,因為我們站在潮頭上。 META相關 1. 添加到主屏...
    泡芙小姐110閱讀 720評論 3 17
  • Q媽:今天云層很厚好像快要下雨了,太陽它在做什么呢? Q寶:天氣不好,太陽公公躲起來了。 Q媽:為什么呢? Q 寶...
    Eskimo88閱讀 1,714評論 1 50