input標(biāo)簽 disabled屬性說明
- 被禁用的input標(biāo)簽 既不可用，也不可進(jìn)行點(diǎn)擊
解決方案
- 使用readonly屬性 來替換disabled屬性
- 外套一層父標(biāo)簽，給父標(biāo)簽添加點(diǎn)擊事件，并設(shè)置input的樣式為"pointer-events:none" 去掉鼠標(biāo)事件，然后通過冒泡觸發(fā)到父標(biāo)簽上的點(diǎn)擊事件。
冒泡事件
點(diǎn)擊子標(biāo)簽，會(huì)一層一層往上傳，并觸發(fā)父標(biāo)簽的綁定事件文章來源：http://www.zghlxwxcb.cn/news/detail-685674.html
取消冒泡事件文章來源地址http://www.zghlxwxcb.cn/news/detail-685674.html
e.stopPropagation();
var div2 = document.getElementById("div2");
var div1 = document.getElementById("div1");
div2.onclick = function(ev){ // 紅色面板加事件
div1.style.display = "block"; stopBubble(ev)；//這樣就不會(huì)再冒泡給父級(jí)了 }; document.onclick = function(){ div1.style.display = "none"; }
function stopBubble(e) {
//如果提供了事件對(duì)象，則這是一個(gè)非IE瀏覽器
if ( e && e.stopPropagation )
//因此它支持W3C的stopPropagation()方法
e.stopPropagation();
else
//否則，我們需要使用IE的方式來取消事件冒泡
window.event.cancelBubble = true;
}
到了這里，關(guān)于在input加了disabled屬性后，如何觸發(fā)點(diǎn)擊事件?的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
