当前位置:
首页 >
js常用代码
发布时间:2025/5/22
73
豆豆
IE6-9禁止用户选中文本
document.body.onselectstart = document.body.ondrag = function () {return false; };让IE识别h5
https://920.lanzous.com/iM7WHm0oscb
密码:5imb
进度条
https://920.lanzous.com/i58U1m0ovyb
密码:2zrm
图片延时加载
https://920.lanzous.com/igCJNm0okgh
密码:bv9i
禁止右键菜单
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;} };总结
- 上一篇: vue常用语法 渲染数据
- 下一篇: jquery 时间操作