Question

在我网站上的页面中，当我单击它们中的任何一个时，都有2个按钮，它们都将我带到1页。我想要，当我单击任一按钮时，我将带到第1页。第1页检查每个按钮的状态，以便我知道哪个按钮将我带到了第1页。

我的第一个想法是通过ID将按钮定位为：

this.byId("Button1").getStatus/Value/We，但是它不起作用，因为所有这些都是'undefined'

Answer 1

我认为您可能希望在url中放入一些内容，以告诉您用户如何进入页面。一个按钮的网址可能像这样：

http://www.somepage.com/page1?referrer=button1

，另一个按钮的网址可能类似于：

http://www.somepage.com/page1?referrer=button2

该值可能是按钮的ID。

然后，您可以在目标页面/路由中检查referrer url参数。

Answer 2

您可以在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)
})

希望这会有所帮助。

Answer 3

使用：-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
})

检查是否预先单击了一个按钮

3 个答案: