点击a标签不是跳转href网址而是复制href的网址

要实现点击a标签时不进行页面跳转而是复制其href属性中的URL，可以使用JavaScript来拦截默认的点击行为并执行复制操作。以下是实现这一功能的示例代码：

HTML部分：

点击复制链接

JavaScript部分：

document.getElementById('copy-link').addEventListener('click', function(event) {
event.preventDefault(); // 阻止默认点击行为
var href = this.href; // 获取href属性的值
navigator.clipboard.writeText(href).then(function() {
console.log('URL已复制到剪贴板');
}).catch(function(error) {
console.error('复制链接时发生错误：', error);
});
});

这段代码首先通过ID选择器获取a标签，然后为其添加了一个点击事件监听器。在事件处理函数中，我们使用event.preventDefault()阻止了默认的链接跳转行为，并使用navigator.clipboard.writeText()方法将href的值复制到剪贴板。这需要浏览器的支持，并且在某些情况下可能需要用户授予权限。

document.getElementById('copyLink').addEventListener('click', function(event) {
event.preventDefault(); // 阻止默认的点击行为
var href = this.href; // 获取href属性的值
href = href.substr(href.indexOf('//') + 2); // 获取'https://'后面的内容
navigator.clipboard.writeText(href).then(function() {
console.log('链接已复制到剪贴板');
}).catch(function(error) {
console.error('复制链接失败', error);
});
});

这段代码首先通过ID选择器获取a标签，然后为其添加了点击事件监听器。在事件处理函数中，使用event.preventDefault()阻止了默认的链接跳转行为，并且使用navigator.clipboard.writeText()方法将需要的内容复制到剪贴板。这里假设浏览器支持异步剪贴板API。如果不支持，可以考虑使用第三方库或polyfills。