HTML浜嬩欢鍐掓场鏄寚褰撲竴涓厓绱犺Е鍙戞煇涓簨浠舵椂锛岃浜嬩欢浼氬湪鍏舵墍鏈夌鍏堝厓绱犱笂琚緷娆¤Е鍙戙€傝瀹炵幇HTML浜嬩欢鍐掓场锛屽彲浠ユ寜鐓т互涓嬫楠よ繘琛岋細

1. 鍦℉TML涓紝缁欓渶瑕佽Е鍙戜簨浠剁殑鍏冪礌娣诲姞浜嬩欢鐩戝惉鍣ㄣ€備緥濡傦紝涓轰竴涓寜閽坊鍔犵偣鍑讳簨浠剁洃鍚櫒锛?/li>

<button id="myButton">Click me</button>

2. 鍦↗avaScript涓紝鑾峰彇璇ュ厓绱犲苟娣诲姞浜嬩欢鐩戝惉鍣細

const button = document.getElementById("myButton");
button.addEventListener("click", handleClick);

3. 瀹炵幇浜嬩欢鐩戝惉鍣ㄧ殑鍥炶皟鍑芥暟锛?/li>

function handleClick(event) {
// 澶勭悊浜嬩欢鐨勪唬鐮?/span>
console.log("Button clicked");
}

4. 濡傛灉甯屾湜浜嬩欢鍐掓场锛屽垯涓嶉渶瑕佽繘涓€姝ョ殑浠ｇ爜銆備簨浠跺啋娉℃槸榛樿琛屼负锛屼細浠庤Е鍙戜簨浠剁殑鍏冪礌寮€濮嬪悜涓婂啋娉″埌鍏剁埗鍏冪礌銆佺鐖跺厓绱犵瓑锛岀洿鑷虫枃妗ｆ牴鑺傜偣銆傚湪涓婅堪绀轰緥涓紝濡傛灉鎸夐挳琚偣鍑伙紝鍒欎細瑙﹀彂浜嬩欢鍐掓场锛屼簨浠跺皢浠庢寜閽厓绱犲悜涓婂啋娉″埌鍏剁埗鍏冪礌锛屼互鍙婄鐖跺厓绱犵瓑銆?/li>

璇锋敞鎰忥紝濡傛灉鎯宠闃绘浜嬩欢鍐掓场锛屽彲浠ュ湪浜嬩欢鐩戝惉鍣ㄧ殑鍥炶皟鍑芥暟涓娇鐢?code>event.stopPropagation()鏂规硶銆傝繖灏嗛樆姝簨浠剁户缁啋娉°€?/p>