Pourquoi l'événement onclick sur le corps de l'élément ne fonctionne pas?

Je suis en train d'envoyer les utilisateurs vers une autre page lorsque vous cliquez sur le code html du corps:

JavaScript c.js:

function clickBody(){
    window.location.href = '/';
}

HTML:

<!DOCTYPE html>
<html>
<head>
    <script src="c.js"></script>
</head>

<body onclick="clickBody();">
</body>  
</html>

Je peux exécuter la fonction à partir de la console, mais en cliquant sur le <body> ne fonctionne pas.

  • Ajouter un height:500px; pour le corps, il devrait fonctionner
InformationsquelleAutor user1234597 | 2016-05-06
  1. 3

    <body> élément ont pas de hauteur, ajoutez quelque chose comme ci-dessous:

    <!DOCTYPE html>
<html>
<head>
  <style>
    body {
     height: 500px;
    }
  </style>
  <script src="c.js"></script>
</head>

<body onclick="clickBody();">

</body>  
</html>
    InformationsquelleAutor Shijin
  2. 12

    La <body> élément est vide. Vous devez soit modifier sa hauteur en CSS, ou de mettre un texte.

    Également, à l'aide de element.addEventListener() pourrait être une bonne idée. Voir la méthode addEventListener vs onclick.

    Voir l'extrait de code:

    JS:

    function clickBody() {
    window.location.href = '/'
}
document.body.addEventListener("click", clickBody)

    HTML:

    <!DOCTYPE html>
<html>
<head>
    <script src="c.js"></script>
</head>

<body>
  <p>Try clicking me.</p>
</body>  
</html>

    InformationsquelleAutor Michał Perłakowski