阻止默认行为
对于某些事件,浏览器具有默认行为。例如,当您点击链接时,浏览器通常会导航到链接的 href
。有时我们希望阻止这种情况。为此,Event
API 包含 preventDefault()
方法。
浏览器事件是同步的,但由于 Qwik 是细粒度的,可加载的 Qwik 执行模型是异步的。这意味着在触发事件时,事件处理程序尚未加载。在事件处理程序加载时,事件已经被浏览器处理,调用 preventDefault()
将不起作用。
为了解决这个问题,Qwik 提供了一个声明式 API,在触发事件时自动调用 preventDefault()
。这是通过在元素上添加 preventdefault:<event-name>
属性来实现的。这允许 Qwikloader 在触发事件时同步调用 preventDefault()
。
示例
点击链接将导致导航事件。我们希望阻止这种情况并调用我们的回调函数。将 preventdefault:click
添加到 <a href>
中以实现此目的。