将JS函数分配给类并在单击时获取ID的方法如下:
class Button {
constructor(id) {
this.id = id;
}
handleClick() {
console.log("Button clicked! ID: " + this.id);
}
}
<button id="myButton">Click me</button>
const buttonElement = document.getElementById("myButton");
const button = new Button(buttonElement.id);
buttonElement.addEventListener("click", button.handleClick.bind(button));
在上述代码中,使用bind()方法将Button类的实例绑定到handleClick方法中,以确保在方法内部可以访问到按钮的ID。
这样,当用户单击按钮时,控制台将显示类似于"Button clicked! ID: myButton"的消息,其中"myButton"是按钮的ID。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)、腾讯云函数(SCF)
腾讯云云服务器(CVM)产品介绍链接地址:https://cloud.tencent.com/product/cvm
腾讯云函数(SCF)产品介绍链接地址:https://cloud.tencent.com/product/scf
领取专属 10元无门槛券
手把手带您无忧上云