常用JS小技巧

最新推荐文章于 2024-07-03 14:34:48 发布

zh2qiang

最新推荐文章于 2024-07-03 14:34:48 发布

阅读量481

点赞数

分类专栏： JavaScript Web开发文章标签： javascript function character input iframe border

本文链接：https://blog.csdn.net/zh2qiang/article/details/5196581

版权

Web开发同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

JavaScript

11 篇文章 0 订阅

订阅专栏

屏蔽鼠标右键

οncοntextmenu="return false"

禁止选取、防止复制
onselectstart="return false"

禁止复制
οncοpy="return false"

禁止粘贴
οnpaste="return false"

禁止剪切
oncut="return false"

IE地址栏前换成自己的图标
<link rel="Shortcut Icon" href="favicon.ico">

在收藏夹中显示出你的图标
<link rel="Bookmark" href="favicon.ico">

防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT>
if (top.location != self.location) top.location=self.location;
</SCRIPT>

网页禁止另存为
<noscript> <iframe src=*.html> </iframe> </noscript>

光标停在文本框文字的最后
<script language="javascript">
function cc(){
      var e = event.srcElement;
      var r =e.createTextRange();
      r.moveStart("character",e.value.length);
      r.collapse(true);
      r.select();
}
</script>
<input type=text name=text1 value="123" οnfοcus="cc()">

禁用缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">

让弹出窗口总是在最上面
<body οnblur="this.focus();">

去掉图片链接点击后，图片周围的虚线
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

在打开的子窗口刷新父窗口
window.opener.location.reload()

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body{
    background-image:url(logo.gif);
    background-repeat:no-repeat;
    background-position:center;
    background-attachment: fixed
}
</STYLE>

判断是否含有汉字
if(/[^/x00-/xff]/g.test(str)) alert("含有汉字");

TEXTAREA自适应文字行数
<textarea rows=2 name=s1 cols=10 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

屏蔽网页脚步错误,放到head中
<script language="javascript">

</script>

捕捉按键事件

document.οnkeydοwn=function(){
     if((event.ctrlKey&&event.keyCode==78) //ctrl+n
       ||(event.ctrlKey&&event.keyCode==82) //ctrl+r
       ||(event.ctrlKey&&event.keyCode==67       //ctrl+c
              &&(event.srcElement.type!="text"
              &&event.srcElement.type!="textarea"
              &&event.srcElement.type!="password"))
       ||(event.altKey&&event.keyCode==37)  //Alt+ 方向键 ←
      ||(event.altKey&&event.keyCode==39)  //alt+方向键 →
       ||(event.shiftKey&&event.keyCode==121) //shift+f10
       || event.keyCode==116    //屏蔽 F5 刷新键
       ||(event.keyCode==8
              &&(event.srcElement.type!="text" //屏蔽退格删除键
               &&event.srcElement.type!="textarea"
              &&event.srcElement.type!="password"))
       ){
               event.keyCode=0;
               event.returnValue=false;
       }
       if(event.altKey&&event.keyCode==115){      //屏蔽Alt+F4
            window.showModelessDialog("about:blank","","dialogWidth:1px;dialogHeight:1px");
            return false;
       }
};

捕捉文本框回车事件
function enterEvent(obj,evt){
    if(evt.keyCode==13){
        alert(obj.value);
    }
}
<input type="text" οnkeydοwn="enterEvent(this,event);">

捕捉窗口关闭事件

window.onbeforeunload = function(){
       var n = window.event.screenX - window.screenLeft;
       var b = n > document.documentElement.scrollWidth-20;
       // 判断是窗口关闭而非刷新页面
      if(b&&window.event.clientY<0||window.event.altKey){
              // 执行相关操作
       }
}