JavaScript 阻止链接操作

在 web 开发中，我们经常需要在页面中插入链接，以便用户可以通过点击跳转到其他页面或者资源。但有时候我们不希望链接被用户点击后跳转，而是想要执行一些其他的操作，例如展示一个弹窗等。这时候，我们就需要阻止链接操作。

在 JavaScript 中，我们可以通过阻止链接的默认行为来实现阻止链接操作。具体来说，我们需要使用 event.preventDefault() 方法来阻止链接的默认行为。

下面是一个示例代码片段，演示如何使用 JavaScript 阻止链接操作：

<a href="https://www.example.com" id="link">点击跳转链接</a>

<script>
const link = document.getElementById('link');
link.addEventListener('click', function(event) {
  event.preventDefault();
  alert('已阻止链接跳转！')
});
</script>

在上面的代码中，我们首先定义了一个带有链接的 a 标签，并为其添加了一个 id 属性。然后，我们使用 JavaScript 获取该链接，并为其添加了一个点击事件监听器。当用户点击链接时，点击事件监听器中的代码就会被执行。在这里，我们调用了 event.preventDefault() 方法来阻止链接的默认行为，然后展示了一个弹窗，告诉用户链接已被阻止跳转。

需要注意的是，如果我们希望阻止链接跳转后，继续执行一些其他的操作，例如展示一个弹窗或者发送 AJAX 请求等，我们需要在调用 event.preventDefault() 方法之后再编写其他的代码逻辑。

总之，JavaScript 提供了非常简单、灵活的阻止链接操作的方法，让我们可以在 web 应用中实现更多的定制化交互效果。