html中怎么设置点按钮一下开第二下停止,按钮内的 HTML href(如 chrome 标签) 1 个按钮中有 2 个不同的点击功能...

如果我理解正确,您希望嵌套在按钮内的元素是可点击的,并且只有在点击该元素时才触发函数。如果按钮本身已被单击,您还希望运行单独的操作。

您可以在整个按钮上运行事件侦听器,然后检查单击的元素e.target是按钮本身还是内部的 X。

如果我误解了您的问题,请告诉我,我会尝试更正我的答案。

const button = document.querySelector('button');

const buttonClose = document.querySelector('.button__close');

button.addEventListener('click',(e)=> {

if(e.target.classList == buttonClose.classList){

alert('Close Clicked')

}

});

.button__close{

background:white;

padding:10px;

display:inline-block;

margin-left:5px;

}

Examplex

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值