js解开默认事件

<a href="https://www.example.com" id="myLink">点击我</a>

<script>
document.getElementById('myLink').addEventListener('click', function(event) {
    event.preventDefault(); // 阻止链接的默认跳转行为
    console.log('链接被点击，但未跳转');
});
</script>

<form id="myForm">
    <input type="text" name="username" placeholder="请输入用户名">
    <button type="submit">提交</button>
</form>

<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单的默认提交行为
    console.log('表单已提交，但未发送请求');
    // 这里可以添加自定义的表单处理逻辑
});
</script>