CSSでクリックイベントを無効にする方法-CSSチュートリアル-php.cn

CSSでクリックイベントを無効にする方法

青灯夜游

リリース： 2023-01-05 16:09:08

オリジナル

5581 人が閲覧しました

CSS では、pointer-events 属性を使用してクリックイベントを禁止できます。要素に「pointer-events:none;」スタイルを追加するだけで、要素がターゲットにならないようになります。マウスイベントを追加して、マウスイベントを禁止するだけです。

CSSでクリックイベントを無効にする方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

CSS では、pointer-events 属性を使用してクリックイベントを無効にすることができます。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style>
			a.disabled {
				pointer-events: none;
				cursor: default;
				filter: alpha(opacity=50);
				/*IE滤镜，透明度50%*/
				-moz-opacity: 0.5;
				/*Firefox私有，透明度50%*/
				opacity: 0.5;
				/*其他，透明度50%*/
			}
		</style>
	</head>

	<body><br/><br/>
		<a href="#" class="disabled">不可点击的a链接</a><br/><br/>
		<a href="#">正常的a链接</a>
	</body>

</html>

ログイン後にコピー

レンダリング:

CSSでクリックイベントを無効にする方法