。
< button id="btn">Button</button>
<label id="lbl"/span>> lbl</label>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
當我第二次點擊這個按鈕時,那個標簽要隱藏/消失
uj5u.com熱心網友回復:
你可以使用按鈕的onclick事件。添加JQuery并使用下面的代碼。
var cnt = 0;
$('#btn').on('click', function(){
cnt 。
if(cnt == 2)
$('#lbl').hide()。
})
或者,在vanilla js中,你可以使用
。var cnt = 0;
document.getElementById('btn'/span>)。 onclick = function() {
cnt 。
if(cnt == 2)
document.getElementById('lbl'/span>)。 style.display = 'none'。
};
uj5u.com熱心網友回復:
代碼 :
button = document.getElementById("btn"/span>)
label = document.getElementById("lbl"/span>)
button.addEventListener('dblclick', function(>/span>) {
label.style.display = 'none';
})
< button id="btn">Button</button>
<label id="lbl"/span>> lbl</label>
<iframe name="sif2" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
解決方案
使用內置的JS事件
JS中的事件ondblclick只在雙擊時發生。 。function hide() {
document.querySelector("label") 。 style.display= "none"。
}
< button ondblclick="hide()" id="btn"> 按鈕</按鈕>
<label id="lbl"/span>> 雙擊按鈕后隱藏我</label>。
<iframe name="sif3" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
你提供的代碼不會隱藏或消失
你的代碼有可能被其他css覆寫了。uj5u.com熱心網友回復:
它分為3個步驟:
display: none修改標簽的CSS,使其消失下面是純Javascript的解決方案:
。var lbl = document. getElementById('lbl') 。
var btn = document.getElementById('btn') 。
var clicks = 0;
btn.addEventListener('click', (e) => /span> {
clicks ;
if (clicks === 2) lbl.style.display ='none';
});
< button id="btn">Button</button>
<label id="lbl"/span>> lbl</label>
<iframe name="sif4" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
試試這個。
let count = 0
const btn = document.getElementById("btn") 。
btn.onclick = function() {
count 。
if(count ==2){
document.querySelector("label"/span>)。 style.display= "none"。
}
}
< button id="btn">Button</button>
<label id="lbl"/span>> lbl</label>
<iframe name="sif5" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
保存按鈕被點擊的次數,當它達到2時,使lbl顯示無。
這個片段為標簽添加了一個事件監聽器來實作這個目標。
。let count = 0;
const btn = document.querySelector('#btn') 。
const lbl = document.querySelector('#lbl')。
btn.addEventListener('click', function(/span>) {
count 。
if (count == 2) {
lbl.style.display = 'none'/span>;
}
});
< button id="btn">Button</button>
<label id="lbl"/span>> lbl</label>
<iframe name="sif6" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/320733.html
標籤:
