欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

js常用代码

发布时间:2025/5/22 73 豆豆
生活随笔 收集整理的这篇文章主要介绍了 js常用代码 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

IE6-9禁止用户选中文本

document.body.onselectstart = document.body.ondrag = function () {return false; };

让IE识别h5

https://920.lanzous.com/iM7WHm0oscb
密码:5imb

<!--[if gte IE 9]> <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script> <script src="js/html5shiv.min.js" type="text/javascript"></script> <script src="js/respond.min.js" type="text/javascript"></script> <script src="js/selectivizr-min.js" type="text/javascript"></script><!--[if lt IE 9]> <script>window.location.href = '/upgrade-browser';</script>

进度条

https://920.lanzous.com/i58U1m0ovyb
密码:2zrm

<!-- 进度条 --> <script src="js/nprogress.js"></script>

图片延时加载

https://920.lanzous.com/igCJNm0okgh
密码:bv9i

<!-- 图片延迟加载插件 --> <script src="js/jquery.lazyload.min.js"></script> $("img.thumb").lazyload({placeholder: "/Home/images/occupying.png",effect: "fadeIn" });

禁止右键菜单

window.oncontextmenu = function(){return false; };

自定义右键菜单

(function () {var oMenu = document.getElementById("rightClickMenu");var aLi = oMenu.getElementsByTagName("li");//加载后隐藏自定义右键菜单//oMenu.style.display = "none";//菜单鼠标移入/移出样式for (i = 0; i < aLi.length; i++) {//鼠标移入样式aLi[i].onmouseover = function () {$(this).addClass('rightClickMenuActive');//this.className = "rightClickMenuActive";};//鼠标移出样式aLi[i].onmouseout = function () {$(this).removeClass('rightClickMenuActive');//this.className = "";};}//自定义菜单document.oncontextmenu = function (event) {$(oMenu).fadeOut(0);var event = event || window.event;var style = oMenu.style;$(oMenu).fadeIn(300);//style.display = "block";style.top = event.clientY + "px";style.left = event.clientX + "px";return false;};//页面点击后自定义菜单消失document.onclick = function () {$(oMenu).fadeOut(100);//oMenu.style.display = "none"} })(); <!--右键菜单列表--> <div id="rightClickMenu"><ul class="list-group rightClickMenuList"><li class="list-group-item disabled">欢迎访问有勇气的牛排博客</li><li class="list-group-item"><span>IP:</span>http://lgch.xyz/</li><li class="list-group-item"><span>地址:</span>宁夏</li><li class="list-group-item"><span>系统:</span>Windows10</li><li class="list-group-item"><span>浏览器:</span>Chrome</li></ul> </div>

禁止键盘操作

document.onkeydown = function (event) {var e = event || window.event || arguments.callee.caller.arguments[0];if ((e.keyCode === 123) || (e.ctrlKey) || (e.ctrlKey) && (e.keyCode === 85)) {return false;} };

总结

以上是生活随笔为你收集整理的js常用代码的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。