输入元素是否有onload事件？

Question

当呈现输入元素或任何其他html元素时,是否可以触发Javascript脚本.应该在html标记内触发此脚本,以便我们能够将"this"传递给js函数.

Answer 1

不,没有这样的事件.

但是,<script>直接放在HTML元素之后的标记会产生类似的效果:它将在元素渲染后直接执行:

<input type="text" id="input123" value="Hello World!">

<script>
alert("Input123 is now ready:"+document.getElementById("input123).value);
</script>

但是,在大多数情况下,最好使用文档范围load(或DOMReady或jQuery .ready())来启动任何脚本操作.DOM将完全准备就绪.

Answer 2

模拟此类事件的一种方法是创建自定义数据 - *atttribute(HTML-5有效)并将其用作选择器.然后在主javascript代码中,您可以为具有此特定data-XXX属性的任何内容添加选择器,并评估其中的javascript代码.

示例HTML代码:

<div data-onload="sampleFunction('param1', 2)"></div>

示例Javascript代码(使用jQuery).也可以使用普通DOM来查找具有此属性的元素.

/* Find any element which has a 'data-onload' function and load that to simulate an onload. */
$('[data-onload]').each(function(){
    eval($(this).data('onload'));
});

这很好用.我实际上在生产中使用它.

Answer 3

但是,在输入元素标记之后放置的任何脚本都将在输入元素可用的情况下运行,因为它在脚本之前被解析.所以,如果这一切都在体内:

<input id="a">
<script>document.getElementById('a');</script>

无论如何,这一切都会奏效.