在mousemove上获取offsetLeft

时间:2016-08-05 13:55:19

标签: elm

在js中,当使用addEventListener('mousemove',handler)处理事件时,在handler内,我们可以访问this,其中包含对dom元素的引用,该元素具有{{1}等重要属性}}

如何解码elm中的offsetLeft对象,以便获取这些属性?

2 个答案:

答案 0 :(得分:2)

我不确定你从http://package.elm-lang.org/packages/elm-lang/html/1.1.0/Html-Events#onMouseUp得到什么,但这可能就足够了

否则,您将按如下方式构建自己的事件处理程序:

http://package.elm-lang.org/packages/elm-lang/html/1.1.0/Html-Events#on

onMouseMove : msg -> Attribute msg
onMouseMove message =
  on "mousemove" (Json.map message (Json.at ["offsetLeft"] Json.int))
  -- on "mousemove" (Json.map message (Json.at ["target", "offsetLeft"] Json.int))

答案 1 :(得分:2)

试试这个包http://package.elm-lang.org/packages/debois/elm-dom/1.2.1/

它允许您访问事件处理程序中的DOM属性。