Fatal编程技术网
  • javascript/
  • Javascript 在html中完全加载DOM时使用元素

Javascript 在html中完全加载DOM时使用元素

javascript jquery html

Javascript 在html中完全加载DOM时使用元素,javascript,jquery,html,Javascript,Jquery,Html,我希望在文档完全加载时使用body标记的子元素。像我一样 <body> Country: <br> <div> <datalist id="country"></datalist> <input type="text" list="country" id="search" onmouseover = 'populate("country")'/>

我希望在文档完全加载时使用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).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");
    });
});



您可以使用jQuery来监听
窗口上的
加载事件，然后在所有媒体都已完全加载时，在输入端上创建
鼠标悬停
监听器：


$(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");
    });
});



您可以使用jQuery进行此操作

你的HTML代码


<body>
    Country: <br>
    <div>
        <datalist id="country"></datalist>          
        <input type="text" list="country" id="search" />         
    </div>  
</body>



您可以使用jQuery进行此操作

你的HTML代码


<body>
    Country: <br>
    <div>
        <datalist id="country"></datalist>          
        <input type="text" list="country" id="search" />         
    </div>  
</body>


在jquery中，使用



$（文档）.ready（函数（）{
$（'#search'）。在（'mouseenter'，function（）上{
log（“鼠标悬停”）；
})
})



国家：


在jquery中使用



$（文档）.ready（函数（）{
$（'#search'）。在（'mouseenter'，function（）上{
log（“鼠标悬停”）；
})
})



国家：


Try$（document）.ready（function（）{}）；改为函数..尝试$（document）.ready（function（）{}）；函数。请注意，
hover（）
与
mouseover
事件不同-它是一个
mouseenter
和
mouseleave
组合。请注意
hover（）
与
mouseover
事件不同-它是一个
mouseenter
和
mouseleave
组合，如果我想使所有元素在加载窗口之前不被使用，该怎么办。元素可以是任意的，具有任意事件（而不仅仅是鼠标悬停）。这属于您的实际项目。一个快速的方法是在默认情况下隐藏主体，并在页面加载完成时显示它们。但正如我所说，这属于你的项目。总的来说，我不明白为什么要等到
加载
。这是一个特殊情况…如果我想使所有元素，而不是在窗口加载之前使用，该怎么办。元素可以是任意的，具有任意事件（而不仅仅是鼠标悬停）。这属于您的实际项目。一个快速的方法是在默认情况下隐藏主体，并在页面加载完成时显示它们。但正如我所说，这属于你的项目。总的来说，我不明白为什么要等到
加载
。这是一个特例。。。