2016-05-06 6 views
1

たときにクリックHTMLのボディ、私は別のページにユーザーを送信しようとしている:body要素のonclickイベントが機能しないのはなぜですか?

JavaScriptのc.js

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

はHTML:

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

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

私はコンソールから機能を実行しますが、クリックすることができます<body>は機能しません。

+1

は'高さを追加

は、コードスニペットを参照してください。それは次に動作するはずです –

答えて

2

<body>要素:

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

<body onclick="clickBody();"> 

</body> 
</html> 
8

<body>要素は空です。 CSSの高さを変更するか、テキストをいくつか入れなければなりません。

また、element.addEventListener()を使用するとよいでしょう。 addEventListener vs onclickを参照してください。 、 `ボディに、500pxなど:怒鳴るようなものを追加し、何の高さを持っていない

function clickBody() { 
 
    window.location.href = '/' 
 
} 
 
document.body.addEventListener("click", clickBody)
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script src="c.js"></script> 
 
</head> 
 

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

関連する問題