【iCSS：行为】使用pointer-events禁用事件触发

icss-pointer-events.markdown

【iCSS：行为】使用pointer-events禁用事件触发

A Pen by JowayYoung on CodePen.

License.

index.html

<div class="bruce flex-ct-x">
	<a class="disabled-trigger" href="https://www.baidu.com">点我</a>
</div>

script.js

document.getElementsByClassName("disabled-trigger")[0].addEventListener("click", () => alert("Hello World"));

style.scss

.disabled-trigger {
	padding: 0 20px;
	border-radius: 10px;
	height: 40px;
	background-color: #66f;
	pointer-events: none;
	line-height: 40px;
	color: #fff;
}

styles

<link href="https://yangzw.vip/static/css/reset.css" rel="stylesheet" />
<link href="https://yangzw.vip/static/css/main.css" rel="stylesheet" />
<link href="https://yangzw.vip/static/css/theme.scss" rel="stylesheet" />