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事件。 jsfiddle

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 个答案: