这个属性通常在调用事件的 preventDefault() 方法时使用，通过调用这个方法，可以阻止事件的默认行为。只有在 cancelable 为 true 的情况下，才能调用 preventDefault()。
以下是一个简单的例子，演示了 cancelable 的使用：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>cancelable Example</title>
</head>
<body>
<a href="https://www.example.com" id="myLink">Click me</a>
<script>
var myLink = document.getElementById('myLink');
myLink.addEventListener('click', function(event) {
if (event.cancelable) {
event.preventDefault();
alert('Default link behavior prevented.');
} else {
alert('Default link behavior not preventable.');
}
});
</script>
</body>
</html>
在这个例子中，当你点击链接 myLink 时，会触发 click 事件。通过检查 event.cancelable 属性，判断事件是否可取消。如果可取消，则调用 event.preventDefault() 阻止默认行为，并弹出提示信息。这在防止默认行为和实现自定义行为时很有用。
转载请注明出处：http://www.pingtaimeng.com/article/detail/6260/JavaScript 和 HTML DOM