HTML5 oninput 属性中的 JavaScript Action ？

Question

我一直在学习 HTML5。我遇到的一个例子使用了一个范围类型的输入元素和一个输出元素(这个例子目前只适用于 Chrome、Safari 和 Opera)。以下形式生成一个 slider ，结果回显到输出元素。

<form>
   <p>
      <input type="range" id="slideValue" value="50" 
          oninput="slideCurrent.value = parseInt (slideValue.value);" />
      <output id="slideCurrent">50</output>
   </p>
   <input type="submit" value="Send">
</form>

我的问题涉及 oninput 属性。 oninput 属性包含 JavaScript。在 HTML5 之前的 JavaScript 中，我经常看到 JavaScript 对 this.value 的引用。然而，在上面的 HTML5 示例中，对 slideCurrent 和 slideValue 的引用有效(显然不需要使用 getElementById) .我相信这是 JavaScript 的一种新行为方式。

是否在某处记录了这种新的 JavaScript 操作方法？

Answer 1

内联事件处理程序中的代码仅限于元素，就好像它在 with block 中一样。
因此，您可以将元素的属性用作全局变量。

这是一个鲜为人知的dangerous功能，并且不是 HTML5 的新功能。