如何通過單擊頁面運行 JavaScript 函數？

Question

現在我正在使用<body onload="function"> ，它根據關注的元素更改頁面上的一些文本。 它工作正常，但我需要我的網站在每次焦點改變時運行該功能（或者更好的是，每次點擊頁面的任何部分時）。

目前代碼如下所示：

<body onload="changeText()">
<script>
function changeText(){
     function here;
}
</script>
<p>This is where text changes based on the function</p>

謝謝！

Answer 1

您可以在文檔上附加 onclick 事件。 提琴手

document.onclick = function(){
 // your code
 //alert("clicked");
}

如果你想改變焦點然后使用

window.onfocus = function(){

   // your code
     //alert("focus");
}

Answer 2

 window.onclick = function () { //do some stuff document.body.style.backgroundColor = "red"; }

 <p>text text text</p> <button>it does not matters if you press me or any where else</button>

Answer 3

試試這個：

<!-- language: lang-html -->
<body onload="changeText()">
<script>
function changeText(){
    function here;
}
document.onclick=function(){changeText();};
</script>
<p>This is where text changes based on the function</p>

Answer 4

jQuery 不會受到禁用點擊問題的影響

$(document).click(function(e){
                //Blah
            })

如何通過單擊頁面運行 JavaScript 函數？

問題描述

4 個解決方案

解決方案1
6 2012-10-11 17:58:55

解決方案2
2 2020-05-22 09:27:06

解決方案3
1 2012-10-11 18:01:27

解決方案4
1 2012-10-11 18:09:46

如何通過單擊頁面運行 JavaScript 函數？

問題描述

4 個解決方案

解決方案1 6 2012-10-11 17:58:55

解決方案2 2 2020-05-22 09:27:06

解決方案3 1 2012-10-11 18:01:27

解決方案4 1 2012-10-11 18:09:46

解決方案1
6 2012-10-11 17:58:55

解決方案2
2 2020-05-22 09:27:06

解決方案3
1 2012-10-11 18:01:27

解決方案4
1 2012-10-11 18:09:46