gpt4 book ai didi

javascript - 当 html 中 DOM 完全加载时使用元素

转载 作者:行者123 更新时间:2023-11-28 15:06:51 26 4
gpt4 key购买 nike

我希望在文档完全加载时使用 body 标记的子元素。就像我一样

<body>
Country: <br>
<div>
<datalist id="country"></datalist>
<input type="text" list="country" id="search" onmouseover = 'populate("country")'/>
</div>
</body>

在输入元素中,我使用 onmouseover 事件来调用 javascript 函数。但我希望在所有元素完全加载时启用该功能。

到目前为止,我在网上看到有一个onload事件可以在body标签中使用来调用任何特定的函数。但我不想在 onload 事件上调用任何函数,只是想确保当 body 完全加载时应该触发输入元素的 onmouseover 事件。

最佳答案

您可以使用 jQuery 监听 window 加载事件,然后在所有媒体完全加载时在输入上创建 mouseover 监听器:

$(window).on("load", function() {
$("#search").on("mouseover", function() {
populate("country");
});
});

您甚至可以使用document.ready来代替window.load。第一个甚至会等到所有其他内容(例如图像)加载完毕。最后只会等到 DOM 完成...

// $(function() {}) is a shorthand for $(document).ready(function() {});
$(function() {
$("#search").on("mouseover", function() {
populate("country");
});
});

关于javascript - 当 html 中 DOM 完全加载时使用元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38565509/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com