检查之前是否单击了按钮

Question

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

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

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

Answer 1

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

Answer 2

我想您可能想在 url 中添加一些内容，告诉您用户是如何到达该页面的。一个按钮可以有一个 url 像：

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

另一个按钮可以有一个 url 像：

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

其中的值可以是按钮的 ID。

然后你可以检查目标page/route中的referrer url参数。

Answer 3

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

希望这对您有所帮助。

检查之前是否单击了按钮

Check wether a button was previosly clicked

html

javascript

css

node.js

sapui5