如何将onload事件添加到div元素

如何向元素添加onload事件?

我可以使用:

<div onload="oQuickReply.swap();" ></div>

对于这个吗?

当前回答

您可以如下所示附加一个事件侦听器。当选择器#my-id的div完全加载到DOM时，它就会触发。

$(document).on('EventName', '#my-id', function() {
 // do something
});

在本例中，EventName可以是'load'或'click'

https://api.jquery.com/on/#on-events-selector-data-handler

其他回答

试试这个!永远不要在div上使用触发器两次!

您可以在div标记之前定义要调用的函数。

$(function(){
    $('div[onload]').trigger('onload');
});

演示：杰斯菲德尔

这里有一个对我有用的技巧，你只需要把你的div放在一个body元素中

身体< > <！——这里有些代码——> <body onload="alert('Hello World')"> < div > < / div > < /身体> <！——其他代码行——> < /身体>

由于onload事件仅在少数元素上受支持，因此必须使用另一种方法。

你可以使用MutationObserver:

我非常喜欢用YUI3库来做这类事情。

<div id="mydiv"> ... </div>

<script>
YUI().use('node-base', function(Y) {
  Y.on("available", someFunction, '#mydiv')
})

见:http://developer.yahoo.com/yui/3/event/ onavailable

当你从服务器加载一些html并将其插入DOM树时，你可以使用DOMSubtreeModified，但它已弃用-所以你可以使用MutationObserver或只是直接在loadElement函数中检测新内容，这样你就不需要等待DOM事件

推荐文章