Other events besides click events

[djsegal]

Throughout your docs you only talk about click events:

  dom"button"(
    "generate random",
    events=Dict("click"=>@js () -> $obs[] = Math.random()),
  )

However, I want to do keyboard click events on the actual jupyter cell.

The only way I can think about doing this in your framework is to have a onload function

---

Do you support load events?

[djsegal]

I might put some hack together where:

• I make hidden divs with click events
• and then press them using javascript

[djsegal]

Also, I end up in this situation where I have a lot of residual scripts inside my jupyter notebooks.

I know it's not really your fault, but its causing the observer to get hit N times instead of just one

edit: fixed with a naive thisCell.off('keydown'); before i add keydown events back

[shashi]

why can't you just use

    events=Dict("keyup"=>@js (event) -> $obs[] = event.key)

[djsegal]

I don't think that will catch it on a div?

It feels like a lot of the keyboard pressing would have to be handled on the jupyter cell level

[shashi]

Ah, if that's the problem, you need tabindex=1 on the div

w = Widget()
ob = Observable(w, "keys", 0)
on(println, ob)
w(
    dom"div[tabindex=1]"(style=Dict("height"=>"100px", "width"=>"100px"),
                                     events=Dict("keyup" => @js e -> $ob[] = e.keyCode))
)