📄 javascript小技巧 - dooit - 博客园.htm
字号:
</SPAN><BR> (window.event.keyCode==39))) <SPAN
style="COLOR: #008000">//屏蔽 Alt+ 方向键 → </SPAN><BR> {
<BR> alert(<SPAN
style="COLOR: #ff00ff">"不准你使用ALT+方向键前进或后退网页！"</SPAN>);
<BR> event.returnValue=<SPAN
style="COLOR: #0000ff">false</SPAN>; <BR> }
<BR> <SPAN
style="COLOR: #008000">/* 注：这还不是真正地屏蔽 Alt+ 方向键，
<BR> 因为 Alt+ 方向键弹出警告框时，按住 Alt 键不放，
<BR> 用鼠标点掉警告框，这种屏蔽方法就失效了。以后若
<BR> 有哪位高手有真正屏蔽 Alt 键的方法，请告知。*/</SPAN>
<BR> <SPAN
style="COLOR: #0000ff">if</SPAN> ((event.keyCode==8) || <SPAN
style="COLOR: #008000">//屏蔽退格删除键
</SPAN><BR> (event.keyCode==116)|| <SPAN
style="COLOR: #008000">//屏蔽 F5 刷新键
</SPAN><BR> (event.ctrlKey && event.keyCode==82)){ <SPAN
style="COLOR: #008000">//Ctrl + R
</SPAN><BR> event.keyCode=0;
<BR> event.returnValue=<SPAN
style="COLOR: #0000ff">false</SPAN>; <BR> }
<BR> <SPAN
style="COLOR: #0000ff">if</SPAN> (event.keyCode==122){event.keyCode=0;event.returnValue=<SPAN
style="COLOR: #0000ff">false</SPAN>;} <SPAN
style="COLOR: #008000">//屏蔽F11 </SPAN><BR> <SPAN
style="COLOR: #0000ff">if</SPAN> (event.ctrlKey && event.keyCode==78) event.returnValue=<SPAN
style="COLOR: #0000ff">false</SPAN>; <SPAN
style="COLOR: #008000">//屏蔽 Ctrl+n </SPAN><BR> <SPAN
style="COLOR: #0000ff">if</SPAN> (event.shiftKey && event.keyCode==121)event.returnValue=<SPAN
style="COLOR: #0000ff">false</SPAN>; <SPAN
style="COLOR: #008000">//屏蔽 shift+F10 </SPAN><BR> <SPAN
style="COLOR: #0000ff">if</SPAN> (window.event.srcElement.tagName == <SPAN
style="COLOR: #ff00ff">"A"</SPAN> && window.event.shiftKey)
<BR> window.event.returnValue = <SPAN
style="COLOR: #0000ff">false</SPAN>; <SPAN
style="COLOR: #008000">//屏蔽 shift 加鼠标左键新开一网页
</SPAN><BR> <SPAN
style="COLOR: #0000ff">if</SPAN> ((window.event.altKey)&&(window.event.keyCode==115)) <SPAN
style="COLOR: #008000">//屏蔽Alt+F4 </SPAN><BR> {
<BR> window.showModelessDialog(<SPAN
style="COLOR: #ff00ff">"about:blank"</SPAN>,<SPAN
style="COLOR: #ff00ff">""</SPAN>,<SPAN
style="COLOR: #ff00ff">"dialogWidth:1px;dialogheight:1px"</SPAN>);
<BR> <SPAN
style="COLOR: #0000ff">return</SPAN> <SPAN
style="COLOR: #0000ff">false</SPAN>; <BR> } <BR>} <BR></script>
<BR>屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 <BR></body>
<BR></html> </DIV>
<P><STRONG>//屏蔽打印</STRONG> <BR><style> <BR>@media print{ <BR>*
{display:none} <BR>} <BR></style> </P></FONT>
<P><FONT size=2><STRONG>//移动的图层，拖动 <BR></STRONG></FONT></P><FONT size=2>
<DIV
style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee">1.<span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(<SPAN
style="COLOR: #0000ff">this</SPAN>) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span>
<BR><script language=javascript> <BR><SPAN
style="COLOR: #0000ff">var</SPAN> Obj; <BR><SPAN
style="COLOR: #0000ff">function</SPAN> MouseDown(obj) <BR>{
<BR> Obj=obj; <BR> Obj.setCapture();
<BR> Obj.l=event.x-Obj.style.pixelLeft;
<BR> Obj.t=event.y-Obj.style.pixelTop; <BR>} <BR><SPAN
style="COLOR: #0000ff">function</SPAN> MouseMove() <BR>{
<BR> <SPAN style="COLOR: #0000ff">if</SPAN>(Obj!=<SPAN
style="COLOR: #0000ff">null</SPAN>) <BR> {
<BR> Obj.style.left = event.x-Obj.l;
<BR> Obj.style.top = event.y-Obj.t;
<BR> } <BR>} <BR><SPAN
style="COLOR: #0000ff">function</SPAN> MouseUp() <BR>{
<BR> <SPAN style="COLOR: #0000ff">if</SPAN>(Obj!=<SPAN
style="COLOR: #0000ff">null</SPAN>) <BR> {
<BR> Obj.releaseCapture();
<BR> Obj=<SPAN style="COLOR: #0000ff">null</SPAN>;
<BR> } <BR>} <BR></script> <BR>2. <BR><div id=<SPAN
style="COLOR: #ff00ff">"myDiv"</SPAN> src=<SPAN
style="COLOR: #ff00ff">"logo.gif"</SPAN> ondrag=<SPAN
style="COLOR: #ff00ff">"doDrag();"</SPAN> onmouseover=<SPAN
style="COLOR: #ff00ff">"this.style.cursor='hand'"</SPAN> style=<SPAN
style="COLOR: #ff00ff">"position:absolute;left=100;top=100;"</SPAN> onmousedown=<SPAN
style="COLOR: #ff00ff">"doMouseDown();"</SPAN>> <BR><a href=<SPAN
style="COLOR: #ff00ff">"#"</SPAN> onclick=<SPAN
style="COLOR: #ff00ff">"return false"</SPAN>><h1>wlecome</h1></a>
<BR></div> <BR><script language=<SPAN
style="COLOR: #ff00ff">"JavaScript"</SPAN> type=<SPAN
style="COLOR: #ff00ff">"text/javascript"</SPAN>> <BR><SPAN
style="COLOR: #0000ff">var</SPAN> orgMouseX; <BR><SPAN
style="COLOR: #0000ff">var</SPAN> orgMouseY; <BR><SPAN
style="COLOR: #0000ff">var</SPAN> orgObjX; <BR><SPAN
style="COLOR: #0000ff">var</SPAN> orgObjY; <BR><SPAN
style="COLOR: #0000ff">function</SPAN> doDrag() <BR>{ <BR><SPAN
style="COLOR: #0000ff">var</SPAN> myObject=document.all.myDiv;
<BR><BR><SPAN style="COLOR: #0000ff">var</SPAN> x=event.clientX; <BR><SPAN
style="COLOR: #0000ff">var</SPAN> y=event.clientY;
<BR>myObject.style.left=x-(orgMouseX-orgObjX);
<BR>myObject.style.top=y-(orgMouseY-orgObjY); <BR> <BR>} <BR><SPAN
style="COLOR: #0000ff">function</SPAN> doMouseDown() <BR>{
<BR>orgMouseX=event.clientX; <BR>orgMouseY=event.clientY;
<BR>orgObjX=parseInt(document.all.myDiv.style.left);
<BR>orgObjY=parseInt(document.all.myDiv.style.top); <BR>}
<BR><BR></script> <BR> </DIV>
<P><FONT size=2><STRONG>//文档状态改变 <BR></STRONG></FONT></P></FONT><FONT size=2>
<DIV
style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee"><iframe src=<SPAN
style="COLOR: #ff00ff">"a.html"</SPAN> id=<SPAN
style="COLOR: #ff00ff">"f"</SPAN> name=<SPAN
style="COLOR: #ff00ff">"f"</SPAN> scrolling=<SPAN
style="COLOR: #ff00ff">"no"</SPAN> frameborder=0 marginwidth=0 marginheight=0></iframe>
<BR><script> <BR><SPAN
style="COLOR: #0000ff">var</SPAN> doc=window.frames[<SPAN
style="COLOR: #ff00ff">"f"</SPAN>].document; <BR><SPAN
style="COLOR: #0000ff">function</SPAN> s(){ <BR> <SPAN
style="COLOR: #0000ff">if</SPAN> (doc.readyState==<SPAN
style="COLOR: #ff00ff">"complete"</SPAN>){
<BR> document.all.f.style.height=doc.body.scrollHeight
<BR> document.all.f.style.width=doc.body.scrollWidth <BR> }
<BR>} <BR>doc.onreadystatechange=s <BR></script> <BR><SPAN
style="COLOR: #008000"></SPAN></DIV></FONT>
<P><FONT size=2><STRONG>//刷新后不变的文本框</STRONG>
<DIV
style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee"><HTML>
<BR><HEAD> <BR><META NAME=<SPAN
style="COLOR: #ff00ff">"save"</SPAN> CONTENT=<SPAN
style="COLOR: #ff00ff">"history"</SPAN>> <BR><STYLE>
<BR> .sHistory {behavior:url(#default#savehistory);}
<BR></STYLE> <BR></HEAD> <BR><BODY>
<BR><INPUT class=sHistory type=text id=oPersistInput>
<BR></BODY> <BR></HTML> </DIV></FONT>
<P></P>
<P><FONT size=2><STRONG>//访问剪贴板</STRONG>
<DIV
style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee">(1)拖拽访问
<BR>event.dataTransfer.setData(<SPAN
style="COLOR: #ff00ff">"URL"</SPAN>, oImage.src);
<BR>sImageURL = event.dataTransfer.getData(<SPAN
style="COLOR: #ff00ff">"URL"</SPAN>) <BR>(2)普通访问
<BR>window.clipboardData.setData(<SPAN
style="COLOR: #ff00ff">"Text"</SPAN>,oSource.innerText);
<BR>window.clipboardData.getData(<SPAN style="COLOR: #ff00ff">"Text"</SPAN>);
</DIV></FONT>
<P></P>
<P><FONT size=2><STRONG>//操作COOKIE</STRONG> <BR></FONT></P><FONT size=2>
<DIV
style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee"><SPAN
style="COLOR: #0000ff">function</SPAN> SetCookie(sName, sValue) <BR>{
<BR> document.cookie = sName + <SPAN
style="COLOR: #ff00ff">"="</SPAN> + escape(sValue) + <SPAN
style="COLOR: #ff00ff">"; "</SPAN>; <BR>} <BR><SPAN
style="COLOR: #0000ff">function</SPAN> GetCookie(sName) <BR>{
<BR> <SPAN
style="COLOR: #0000ff">var</SPAN> aCookie = document.cookie.split(<SPAN
style="COLOR: #ff00ff">"; "</SPAN>); <BR> for (<SPAN
style="COLOR: #0000ff">var</SPAN> i=0; i < aCookie.length; i++)
<BR> { <BR> <BR> <SPAN
style="COLOR: #0000ff">var</SPAN> aCrumb = aCookie[i].split(<SPAN
style="COLOR: #ff00ff">"="</SPAN>); <BR> <SPAN
style="COLOR: #0000ff">if</SPAN> (sName == aCrumb[0])
<BR> <SPAN
style="COLOR: #0000ff">return</SPAN> unescape(aCrumb[1]); <BR> }
<BR> <BR>} <BR><SPAN
style="COLOR: #0000ff">function</SPAN> DelCookie(sName) <BR>{
<BR>document.cookie = sName + <SPAN
style="COLOR: #ff00ff">"="</SPAN> + escape(sValue) + <SPAN
style="COLOR: #ff00ff">"; expires=Fri, 31 Dec 1999 23:59:59 GMT;"</SPAN>;
<BR>} </DIV>
<P><STRONG>//setTimeout增加参数</STRONG> </P></FONT>
<DIV
style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee"><script>
<BR><SPAN
style="COLOR: #0000ff">var</SPAN> _st = window.setTimeout;
<BR>window.setTimeout = <SPAN
style="COLOR: #0000ff">function</SPAN>(fRef, mDelay) { <BR> <SPAN
style="COLOR: #0000ff">if</SPAN>(typeof fRef == '<SPAN
style="COLOR: #0000ff">function</SPAN>'){ <BR> <SPAN
style="COLOR: #0000ff">var</SPAN> argu = <SPAN
style="COLOR: #ff0000">Array</SPAN>.prototype.slice.call(arguments,2);
<BR> <SPAN
style="COLOR: #0000ff">var</SPAN> f = (<SPAN
style="COLOR: #0000ff">function</SPAN>(){ fRef.apply(<SPAN
style="COLOR: #0000ff">null</SPAN>, argu); }); <BR> <SPAN
style="COLOR: #0000ff">return</SPAN> _st(f, mDelay); <BR> }
<BR> <SPAN style="COLOR: #0000ff">return</SPAN> _st(fRef,mDelay);
<BR>} <BR><SPAN style="COLOR: #0000ff">function</SPAN> test(x){
<BR> alert(x); <BR>} <BR>window.setTimeout(test,1000,'fason');
<BR></script> </DIV>
<P><BR><FO⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -