Javascript 检查是否先前单击了按钮
在我的网站的一个页面中,当我点击其中一个按钮时,有两个按钮,它们都会将我带到一个页面。我想,当我点击其中一个,我会被带到第1页。第1页检查每个按钮的状态,以便我知道是哪个按钮将我带到了第1页 我的第一个想法是通过ID将按钮定位为:Javascript 检查是否先前单击了按钮,javascript,html,css,node.js,sapui5,Javascript,Html,Css,Node.js,Sapui5,在我的网站的一个页面中,当我点击其中一个按钮时,有两个按钮,它们都会将我带到一个页面。我想,当我点击其中一个,我会被带到第1页。第1页检查每个按钮的状态,以便我知道是哪个按钮将我带到了第1页 我的第一个想法是通过ID将按钮定位为: this.byId(“Button1”).getStatus/Value/We,但它不起作用,因为所有这些都是“未定义的”使用:-event.target.id 在onclick回调函数中 您将收到单击按钮的id 例如: button.addEventListener
this.byId(“Button1”).getStatus/Value/We
,但它不起作用,因为所有这些都是“未定义的”
使用:-event.target.id
在onclick
回调函数中
您将收到单击按钮的id
例如:
button.addEventListener("click", (event) => {
let clickedButton = event.target
// now you can use
// clickedButton.id to get the id of the button
})
我想你可能想在url中放一些东西,告诉你用户是如何进入页面的。一个按钮可以有如下url:
http://www.somepage.com/page1?referrer=button1
另一个按钮可以有一个url,如:
http://www.somepage.com/page1?referrer=button2
其中,值可以是按钮的id
然后,您可以检查目标页面/路线中的
referer
url参数。您可以在url中添加一些内容,告诉您单击的按钮的id。比如:https://example.com/page1?buttonId=firstButton
下面是设置URL的代码:
button.addEventListener("click", (event) => {
window.location = `./page1.html/?buttonId=${event.target.id}`
})
要获取按钮id,请执行以下操作:
let buttonId;
window.addEventListener("onload", () => {
const urlParams = new URLSearchParams(window.location.search);
buttonId = urlParams.get('buttonId');
console.log(buttonId)
})
希望这能有所帮助