21xrx.com
2024-11-08 23:20:31 Friday
登录
文章检索 我的文章 写文章
深入解析JavaScript中的`void`操作符
2023-06-13 01:35:25 深夜i     --     --
JavaScript void preventDefault()

我曾经在学习JavaScript的时候看到过一个神秘的代码 `javascript:void(o)`,当时我并不知道它的作用是什么,但是现在我已经明白了。

首先,我想讲一下本质上的含义。JavaScript中的`void` 操作符用来指定要计算一个表达式但不返回值的情况。因此,`void(o)` 实现了在页面中点击链接时不进行任何跳转的效果。

那么,下面我给大家实现一个例子。首先,我们将一个链接添加到HTML页面中:


这是一个链接

接下来,我们使用JS添加点击事件,使之在点击链接时不进行跳转:


const link = document.querySelector('a')

link.addEventListener('click', function(event) {

 event.preventDefault()

})

通过调用`preventDefault()`方法,我们可以阻止链接的默认跳转行为,从而实现在页面中点击链接时不进行任何跳转的效果。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复