我嘗試刪除一個mouseover方法,直到我mouseout,但我正在使用JavaScript。有沒有類似jQuery的方法?stopPropagation或preventDefault在JavaScript中?
這是我的事件
function addEventListeners() {
document.getElementById("container").addEventListener("mouseover", isClicked);
document.getElementById("container").addEventListener("mouseleave", collapse);
document.getElementById("close-button").addEventListener("click", collapse);
document.getElementById("box").addEventListener("click", clickthrough);
document.getElementById("replay").addEventListener("click", replay);
if(isIphone) document.getElementById("video").addEventListener("click", function(){collapse()});
}
<div id="container">
<div id="ad" class="collapsed">
<div id="banner">
<img class="back" id="back" src="frames/frame_1.jpg"/>
<img class="top" id="top" src="frames/frame_2.jpg"/>
<img id="logo1" type="image/svg+xml" src="" />
<div class="border" id="border"></div>
<div id="cta"></div>
</div>
<div id="expansion">
<div class="exp_bn" id="exp_bn" >
<div class="con-pos" id="con-pos" >
<div id="videoContainer" class="videoContainer">
<video class="video" id="video" autoplay></video>
</div>
</div>
</div>
<div class="endframe"></div>
<img id="logo2" type="image/svg+xml" src="" />
<div id="box"></div>
<div class="topgrp">
<div id="close-button" class="icon-cross"></div>
</div>
<div class="bottomgrp">
<div id="replay" class="icon-replay"></div>
</div>
</div>
</div>
</div>
你是什麼意思「刪除鼠標懸停的方法,直到我鼠標移開」。當光標超出其內容時,鼠標不會觸發。沒有必要手動執行此操作。關於你的頭銜和最新的問題,請參閱下面的答案。 –
當我是mouseover容器時,它將會展開。當我mouseleave它會崩潰,但是當我擴大我有一個X按鈕,如果我點擊它會崩潰。但一旦它崩潰了,它將再次擴大 –
@MarkusHayner你是否介意添加有問題的代碼。 – Tushar