如何通过单击页面来运行JavaScript函数？_Javascript_Html

如何通过单击页面来运行JavaScript函数？

javascript html

如何通过单击页面来运行JavaScript函数？,javascript,html,Javascript,Html,现在我正在使用，它根据关注的元素更改页面上的一些文本。它工作得很好，但我需要我的站点在每次焦点改变时（或者，更好的是，每次单击页面的任何部分时）运行该功能当前代码如下所示： <body onload="changeText()"> <script> function changeText(){ function here; } </script> <p>This is where text changes based on the fu

现在我正在使用

，它根据关注的元素更改页面上的一些文本。它工作得很好，但我需要我的站点在每次焦点改变时（或者，更好的是，每次单击页面的任何部分时）运行该功能

当前代码如下所示：

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


函数changeText（）{
在这里起作用；
}
这是文本根据函数变化的地方

谢谢

您可以在文档上附加onclick事件

如果你想改变焦点，那么使用

window.onfocus = function(){

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

试试这个：

<!-- 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>


函数changeText（）{
在这里起作用；
}
document.onclick=function（）{changeText（）；}；
这是文本根据函数变化的地方

jQuery没有出现禁用单击问题

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

window.onclick=函数（）{
//做点什么
document.body.style.backgroundColor=“红色”；
}

文本
如果你按我或其他任何地方，这都不重要

我想他是在问把

onclick

挂在什么地方。为什么人们反对这个合法的问题？@RASG那么，在大多数问题上，包括投票率高的问题，这一点也非常高。搜索，所以我找不到类似的问题。这才是最重要的。@AnthonyHatzopoulos

正在搜索，所以我找不到类似的问题。这才是最重要的。

哦，真的吗@RASG真棒&+1适合你！顺便说一句，我也发现了第一个，你一定是真的努力寻找那些或没有；您只知道

onclick

事件，其中as-sway不会。第二个SO链接是最好的，但是如果你不知道onclick是什么，那么这个问题的标题对初学者来说更好。我不会考虑这第一个环节，尤其是初学者。第三个很接近，但对于初学者来说仍然不明显，尤其是在标题中有textarea。此方法还将禁用页面上的其他正常点击事件。示例@AnthonyHatzopoulos为什么您认为它会禁用其他单击事件。这两个都是我在一个例子中展示的单独的例子。更改主体html只是为了显示调用了focus。OP将以不同的方式使用它。为公平起见，请确认：

窗口。onfocus

功能将覆盖正常的单击事件。document.onclick将不显示。示例@Shusl直接设置

。onclick

覆盖以前绑定的任何其他单击事件。使用类似于

addEventListener

的东西实际上会添加一个新事件。@Shusl我相信@ianpgall所说的是

document.onclick=myCustomFunction（）将被对document.onclick=mySecondCustomFunction（）的第二次调用覆盖（如果存在）
$(document).click(function(e){
                //Blah
            })