Так что я хочу, чтобы вызвать действие после щелчка в любом месте на теле, код:
HTML:
<body>
<div class="paper"></div>
</body>
CSS:
body{
background-color: #F5F5F5;
margin:0px;
padding:0px;}
.paper{
width: 500px;
height: 200px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
background-color: white;}
и JS:
window.onload = function(){
$('body').on('click',function(){
console.log("click");
})
}
Моя проблема заключается в том, что клик регистрируется только тогда, когда я нажимаю на наш следующий рядом с div; если я нажимаю ниже, ничего не происходит.
Я немного смущен этим, не является ли тело всей страницей? Если я изменяю фоновый цвет тела, весь фон в браузере получает этот цвет, но использование его с jQuery отличается?
(JQuery правильно загружен и нет журналов ошибок)
Тело не всегда покрывает весь видовой экран, вам кажется, что он смешался с «документом» – adeneo
Но в любом случае это кажется несовместимым с тем, что фон меняет цвет во всем окне просмотра. – lex82
добавьте css 'html, body {min-height: 100%}' и повторите попытку.Посмотрите, что говорит adeneo о – charlietfl