JS實(shí)現(xiàn)禁止用戶使用Ctrl+鼠標(biāo)滾輪縮放網(wǎng)頁的方法
本文實(shí)例講述了JS實(shí)現(xiàn)禁止用戶使用Ctrl+鼠標(biāo)滾輪縮放網(wǎng)頁的方法。分享給大家供大家參考,具體如下:
為什么會有人會使用ctrl+鼠標(biāo)滾輪縮放網(wǎng)頁?堅(jiān)決禁止!
<html> <head> <title>測試</title> <script language="javascript"> var scrollFunc=function(e){ e=e || window.event; if(e.wheelDelta && event.ctrlKey){//IE/Opera/Chrome event.returnValue=false; }else if(e.detail){//Firefox event.returnValue=false; } } /*注冊事件*/ if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false); }//W3C window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari </script> </head> <body style="font-size:30px;"> <br>SCRIPT腳本控制頁面不隨ctrl+鼠標(biāo)滾輪而縮放。<br> <br>CSS可以控制頁面文字大小不隨瀏覽器設(shè)置而改變。 </body> </html>
PS:這里再為大家提供一款在線javascript事件參考表供大家參考:
javascript事件與功能說明大全
http://tools.jb51.net/table/javascript_event
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
- 關(guān)于meta viewport中target-densitydpi屬性詳解(推薦)
- 自適應(yīng)布局meta標(biāo)簽中viewport、content、width、initial-scale、minimum-scale、maximum-scale總結(jié)
- 微信小程序movable view移動圖片和雙指縮放實(shí)例代碼
- 學(xué)習(xí)使用Material Design控件(四)Android實(shí)現(xiàn)標(biāo)題欄自動縮放、放大效果
- jQuery實(shí)現(xiàn)按比例縮放圖片的方法
- JavaScript實(shí)現(xiàn)移動端頁面按手機(jī)屏幕分辨率自動縮放的最強(qiáng)代碼
相關(guān)文章
webpack中CommonsChunkPlugin詳細(xì)教程(小結(jié))
本篇文章主要介紹了webpack中CommonsChunkPlugin詳細(xì)教程(小結(jié)),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11javascript中時(shí)區(qū)知識的整理UTC GMT問題
這篇文章主要介紹了javascript中時(shí)區(qū)知識的整理UTC GMT問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10小程序自定義導(dǎo)航欄兼容適配所有機(jī)型(附完整案例)
這篇文章主要介紹了小程序自定義導(dǎo)航欄兼容適配所有機(jī)型(附完整案例),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04HTML+CSS+JS實(shí)現(xiàn)抓娃娃機(jī)游戲
這篇文章主要介紹了如何利用HTML+CSS+JS制作抓娃娃機(jī)游戲,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04使用JavaScript實(shí)現(xiàn)簡單圖像放大鏡效果
圖像放大鏡在很多網(wǎng)站中都扮演著重要的角色,大多數(shù)開發(fā)人員使用?jquery?來創(chuàng)建圖像放大鏡。在本教程中,我將向大家展示如何使用?HTML、CSS?和?JavaScript?制作一個(gè)簡單的圖像放大鏡,需要的可以參考一下2022-08-08escape、encodeURI 和 encodeURIComponent 的區(qū)別
escape(), encodeURI()和encodeURIComponent()是在Javascript中用于編碼字符串的三個(gè)常用的方法,而他們之間的異同卻困擾了很多的Javascript初學(xué)者,今天我就在這里對這三個(gè)方法詳細(xì)地分析與比較一下。2009-03-03通過隱藏iframe實(shí)現(xiàn)文件下載的js方法介紹
本篇文章主要是對通過隱藏iframe實(shí)現(xiàn)文件下載的js方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02js實(shí)現(xiàn)的簡單圖片浮動效果完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)的簡單圖片浮動效果,以完整實(shí)例形式分析了javascript實(shí)現(xiàn)圖片定時(shí)漂浮移動功能的方法,涉及javascript定時(shí)函數(shù)與數(shù)值動態(tài)運(yùn)算相關(guān)技巧,需要的朋友可以參考下2016-05-05