知識彙總05 針對html元素的全屏實現

2022-09-07 19:00:19 字數 1169 閱讀 5260

專案實戰例項:vue結合bootstrap的modal彈框實現全屏

html:

5s重新整理

關閉自動重新整理

退出js**:

//初始化乙個建構函式,

let fullscreen=function(elem)

//建構函式新增全屏函式,針對不同瀏覽器的相容做出處理

fullscreen.prototype.in=function()else if(this.elem.webkitrequestfullscreen)else if(this.elem.mozrequestfullscreen)else if(this.elem.msrequestfullscreen)

}//建構函式新增退出全屏函式,針對不同瀏覽器的相容做出處理

fullscreen.prototype.out=function()else if(document.webkitexitfullscreen)else if(document.mozcancelfullscreen)else if(document.m***itfullscreen)

}//針對不同瀏覽器對全屏事件的監聽,

document.addeventlistener("fullscreenchange", function(e) );

$("#loginfo").css();

'全屏了')

}else

});document.addeventlistener("mozfullscreenchange", function(e) );

$("#loginfo").css();

'全屏了')

}else

});document.addeventlistener("webkitfullscreenchange", function(e) );

'全屏了')

}else

});document.addeventlistener("msfullscreenchange", function(e) );

'全屏了')

}else

});全屏按鈕和關閉全屏按鈕的click事件出來函式

//監聽鍵盤esc按下事件,做相應處理 

function keylistener(e)

}總結:實現全屏主要注重三點,開啟全屏,關閉全屏,esc關閉全屏,根據需要作相應函式處理就可以了

jQuery1 9 1針對checkbox的調整

在jquery 1.8.x中的版本,我們對於checkbox的選中與不選中操作如下 判斷是否選中 checkbox prop checked 設定選中與不選中狀態 checkbox attr checked true checkbox attr checked false 但此方法在jquery1....

jQuery1 9 1針對checkbox的調整

在jquery 1.8.x中的版本,我們對於checkbox的選中與不選中操作如下 判斷是否選中 checkbox prop checked 設定選中與不選中狀態 checkbox attr checked true checkbox attr checked false 但此方法在jquery1....

演算法導論 7 2 針對有相同元素值的快速排序

題目詳見演算法導論7 2習題,在這裡我就不再贅述。本文分為三個部分,第一部分是寫我改進演算法的思路,第二部分是演算法實現,第三部分是程式執行結果。思路 演算法導論 裡介紹的partition沒有考慮元素相等的情況,但是就算存在相同元素快排其實也可以適用的,只是相等的元素當作大於key的元素處理了。習...