JSX Attributes

on:*

对于包含大写字母的事件、监听器选项，或者如果你需要直接将事件处理程序附加到 DOM 元素上而不是通过文档进行优化委托，请使用 on:* 替代 on*。

<div on:DOMContentLoaded={(e) => console.log("Welcome!")} />

这会直接将事件处理程序（通过 addEventListener）附加到 div 元素上。

Info:

v1.9.0 新功能

一个额外的特殊语法，允许完全控制 capture、passive、once 和 signal，它是 EventListenerObject 和 AddEventListenerOptions 的交集或组合，如下所示：

const handler = {
  handleEvent(e) {
    console.log(e)
  },
  once:true,
  passive:false,
  capture:true
}

<div on:wheel={handler} />

// 或内联方式

<div on:click={{passive:true, handleEvent(e) => console.log("Weeeee!")}} />

这个新语法替代了现在已废弃的 oncapture:，并且它对任何可能的新事件监听器选项都是面向未来的。

报告此页面问题