Solid menggunakan native DOM events dengan syntax JSX.

Event Dasar

function Counter() {
  const [count, setCount] = createSignal(0)

  return (
    <div>
      <button onClick={() => setCount(c => c + 1)}>+1</button>
      <button onClick={() => setCount(c => c - 1)}>-1</button>
      <p>Count: {count()}</p>
    </div>
  )
}

Event Object

function App() {
  const handleInput = (e) => {
    console.log(e.target.value)
  }

  return <input onInput={handleInput} />
}

Event Delegation

Solid menggunakan event delegation untuk events yang bubble (click, input, dll). Event di-handle di root document untuk performa optimal.