[英]Javascript addEventListener somehow not working with querySelector in Laravel
[英]javascript addEventListener by querySelector not work
這是我的javascript代碼:
window.onload = function () {
function hideAds() {
setTimeout(hide, 2000);
}
function hide() {
var ads = document.querySelector(".ads");
ads.style.marginTop = (-ads.offsetHeight) + "px";
}
function reveal() {
ads.style.marginTop = "";
hideAds();
}
var ads = document.querySelector(".ads");
ads.addEventListener("click", reveal, true);
hideAds();
}
從這個代碼,一切正常,然后“ads.addEventListener”第二行從最后。 是什么原因? 我在這里做錯了什么..?
我需要通過點擊廣告類添加div來調用我的顯示功能。
任何人幫助我?
你提供的代碼應該按原樣運行。 的jsfiddle
但我很想重新考慮你的代碼。
HTML
<div class="ads">Blah blah blah</div>
使用Javascript
function setMarginTop(element, marginTop) {
element.style.marginTop = marginTop || null;
}
function hideAds(element, marginTop, ms) {
setTimeout(function() {
setMarginTop(element, marginTop);
}, ms || 2000);
}
window.addEventListener('load', function () {
var ads = document.querySelector('.ads'),
hide = (-ads.offsetHeight) + 'px';
hideAds(ads, hide);
ads.addEventListener('click', function (evt) {
var target = evt.target;
setMarginTop(target)
hideAds(target, hide);
}, false);
}, false);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.