阻止默认行为

对于某些事件,浏览器具有默认行为。例如,当您点击链接时,浏览器通常会导航到链接的 href。有时我们希望阻止这种情况。为此,Event API 包含 preventDefault() 方法。

浏览器事件是同步的,但由于 Qwik 是细粒度的,可加载的 Qwik 执行模型是异步的。这意味着在触发事件时,事件处理程序尚未加载。在事件处理程序加载时,事件已经被浏览器处理,调用 preventDefault() 将不起作用。

为了解决这个问题,Qwik 提供了一个声明式 API,在触发事件时自动调用 preventDefault()。这是通过在元素上添加 preventdefault:<event-name> 属性来实现的。这允许 Qwikloader 在触发事件时同步调用 preventDefault()

示例

点击链接将导致导航事件。我们希望阻止这种情况并调用我们的回调函数。将 preventdefault:click 添加到 <a href> 中以实现此目的。

编辑教程