Elm使用Html.attribute和“ onmouseover”不起作用

Question

我想添加onmouseover来更改Button的背景颜色。我不需要使用Html.Events.onMouseOver，因为这是一个非常简单的任务。我不想使用其他外部库。

我用]创建Html.attribute>

div
[
   -- Html.Event.onMouserOver NoUse
   Html.attribute "onmouseover"  "$(this).css('background','green');"
]
[ ... ]
[当我向Elm添加未知属性时。 Elm在属性中添加“ data-”前缀因此，当我编译代码时，它将被翻译为HTML

<div data-onmouseover="$(this).css('background','green');">...</div>
因此“ onmouseover”不起作用！

我如何在Elm中破解“ mouseover”事件？和为什么榆木需要阻止此类事件？

我想添加onmouseover来更改Button的背景颜色。我不需要使用Html.Events.onMouseOver，因为这是一个非常简单的任务。我不想使用其他外部库。我...

Answer 1

Elm这样做是为了避免脚本注入攻击（例如：如果您从用户那里获取一个字符串并将其作为此处的值提供，则他们将无法编写一些恶意JS并让您的页面执行它。