我希望在文档完全加载时使用 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/