Javascript 如何设置页面的整个背景或主体,以便在单击时执行功能?

Javascript 如何设置页面的整个背景或主体,以便在单击时执行功能?,javascript,html,css,Javascript,Html,Css,我正在寻找一个web项目的整个背景/主体,以执行一个功能。是否可以将主体设置为链接或按钮 我也希望这留在后台,因为我有另一个链接在页面的前面 身体{ 背景色:浅绿色; } a{ 颜色:白色; 位置:绝对位置; 最高:50%; 转化:translateY(-50%); 宽度:100%; 文本对齐:居中; 保证金:0; } 您可以将clickhandler添加到文档中: document.addEventListener('click', () => console.log("hello"

我正在寻找一个web项目的整个背景/主体,以执行一个功能。是否可以将主体设置为链接或按钮

我也希望这留在后台,因为我有另一个链接在页面的前面


身体{
背景色:浅绿色;
}
a{
颜色:白色;
位置:绝对位置;
最高:50%;
转化:translateY(-50%);
宽度:100%;
文本对齐:居中;
保证金:0;
}

您可以将clickhandler添加到文档中:

document.addEventListener('click', () => console.log("hello"));
document.addEventListener('click',()=>console.log(“hello”)
正文{
背景色:浅绿色;
身高:100%;
}
a{
颜色:白色;
位置:绝对位置;
最高:50%;
转化:translateY(-50%);
宽度:100%;
文本对齐:居中;
保证金:0;
}

您可以将clickhandler添加到文档中:

document.addEventListener('click', () => console.log("hello"));
document.addEventListener('click',()=>console.log(“hello”)
正文{
背景色:浅绿色;
身高:100%;
}
a{
颜色:白色;
位置:绝对位置;
最高:50%;
转化:translateY(-50%);
宽度:100%;
文本对齐:居中;
保证金:0;
}

理解: 我相信您希望在用户每次单击HTML文档的主体时运行一个函数

建议: 您可以在文档中添加一个事件侦听器,当它是单击时,然后调用所需的函数。如果必须是主体而不是重叠元素,则可以在函数中执行测试,以查看单击的元素是否是您预期的元素。例如e.target.tagName==“BODY”

运行示例:

函数myFunctionCall(e){
if(e.target.tagName==“HTML”| | e.target.tagName==“BODY”){
警惕(“嘿,你点击了我”);
}
}
document.addEventListener(“单击”,myFunctionCall,false)
正文{
背景色:浅绿色;
}
a{
颜色:白色;
保证金:0;
位置:绝对位置;
文本对齐:居中;
最高:50%;
转化:translateY(-50%);
宽度:100%
}

理解: 我相信您希望在用户每次单击HTML文档的主体时运行一个函数

建议: 您可以在文档中添加一个事件侦听器,当它是单击时,然后调用所需的函数。如果必须是主体而不是重叠元素,则可以在函数中执行测试,以查看单击的元素是否是您预期的元素。例如e.target.tagName==“BODY”

运行示例:

函数myFunctionCall(e){
if(e.target.tagName==“HTML”| | e.target.tagName==“BODY”){
警惕(“嘿,你点击了我”);
}
}
document.addEventListener(“单击”,myFunctionCall,false)
正文{
背景色:浅绿色;
}
a{
颜色:白色;
保证金:0;
位置:绝对位置;
文本对齐:居中;
最高:50%;
转化:translateY(-50%);
宽度:100%
}

你想把身体放在链接前面吗


例子
*
{
框大小:边框框;
}
身体
{
背景色:浅绿色;
}
a、 背
{
颜色:白色;
位置:绝对位置;
最高:50%;
转化:translateY(-50%);
宽度:100%;
文本对齐:居中;
保证金:0;
z指数:-1;
}
P
{
宽度:50%;
高度:250px;
利润率:1%自动;
填充物:25%2%;
背景色:rgba(12,12,12,4);
文本对齐:居中;
颜色:红色;
边界半径:.2em;
}

你是说像这样的事吗?

Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务 暂时性的劳工和财产损失。


你想把身体放在链接前面吗


例子
*
{
框大小:边框框;
}
身体
{
背景色:浅绿色;
}
a、 背
{
颜色:白色;
位置:绝对位置;
最高:50%;
转化:translateY(-50%);
宽度:100%;
文本对齐:居中;
保证金:0;
z指数:-1;
}
P
{
宽度:50%;
高度:250px;
利润率:1%自动;
填充物:25%2%;
背景色:rgba(12,12,12,4);
文本对齐:居中;
颜色:红色;
边界半径:.2em;
}

你是说像这样的事吗?

Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务 暂时性的劳工和财产损失。