js中的事件觸發(非常詳細)

阿新 • • 發佈：2019-01-11

//事件源物件

event.srcElement.tagName event.srcElement.type

//捕獲釋放

event.srcElement.setCapture(); event.srcElement.releaseCapture();

//事件按鍵
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey

//事件返回值
event.returnValue

//滑鼠位置
event.x
event.y
//窗體活動元素
document.activeElement

//繫結事件

document.captureEvents(Event.KEYDOWN);
//訪問窗體元素

document.all("txt").focus(); document.all("txt").select();
//窗體命令
document.execCommand
//窗體COOKIE
document.cookie
//選單事件
document.oncontextmenu
//建立元素

document.createElement("SPAN");
//根據滑鼠獲得元素：

document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms)
//窗體圖片
document.images[索引]
//窗體事件繫結
document.onmousedown=scrollwindow;
//元素
document.窗體.elements[索引]
//物件繫結事件

document.all.xxx.detachEvent('onclick',a);
//外掛數目
navigator.plugins
//取變數型別

typeof($js_libpath) == "undefined"
//下拉框
下拉框.options[索引]
下拉框.options.length
//查詢物件

document.getElementsByName("r1"); document.getElementById(id);
//定時

timer=setInterval('scrollwindow()',delay); clearInterval(timer);
//UNCODE編碼
escape() ,unescape
//父物件

obj.parentElement(dhtml) obj.parentNode(dom)
//交換表的行

TableID.moveRow(2,1)
//替換CSS
document.all.csss.href = "a.css";
//並排顯示
display:inline
//隱藏焦點
hidefocus=true
//根據寬度換行
style="word-break:break-all"
//自動重新整理
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.NET">
//簡單郵件
<a href="mailto:[email protected]?subject=ccc&body=xxxyyy">
//快速轉到位置
obj.scrollIntoView(true)
//錨
<a name="first">
<a href="#first">anchors</a>
//網頁傳遞引數

location.search();
//可編輯
obj.contenteditable=true
//執行選單命令
obj.execCommand
//雙位元組字元
/[^/x00-/xff]/
漢字
/[/u4e00-/u9fa5]/
讓英文字串超出表格寬度自動換行
word-wrap: break-word; word-break: break-all;
透明背景
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
獲得style內容
obj.style.cssText
HTML標籤
document.documentElement.innerHTML
第一個style標籤
document.styleSheets[0]
style標籤裡的第一個樣式
document.styleSheets[0].rules[0]
防止點選空連結時，頁面往往重置到頁首端。

<a href="JavaScript:function()">word</a> 上一網頁源 asp: request.servervariables("HTTP_REFERER") javascript: document.referrer
釋放記憶體

CollectGarbage();
禁止右鍵

document.oncontextmenu = function() { return false;}
禁止儲存

<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>
禁止貼上

<input type=text onpaste="return false">
位址列圖示

<input type=button value=檢視網頁原始碼 onclick="window.location = 'view-source:'+ 'http://www.csdn.Net/'">
關閉輸入法

<input style="ime-mode:disabled">
自動全選

<input type=text name=text1 value="123" onfocus="this.select()">
ENTER鍵可以讓游標移到下一個輸入框

<input onkeydown="if(event.keyCode==13)event.keyCode=9">
文字框的預設值

<input type=text value="123" onfocus="alert(this.defaultValue)">
title換行

obj.title = "123&#13sdfs&#32"
獲得時間所代表的微秒

var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime()
視窗是否關閉

win.closed
checkbox扁平

<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)">
獲取選中內容

document.selection.createRange().duplicate().text
自動完成功能

<input type=text autocomplete=on>開啟該功能 <input type=text autocomplete=off>關閉該功能
視窗最大化

<body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">
無關閉按鈕IE

window.open("aa.htm", "meizz", "fullscreen=7");
統一編碼/解碼

alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent對":"、"/"、";" 和 "?"也編碼
表格行指示

<tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">
//各種尺寸

s += "/r/n網頁可見區域寬："+ document.body.clientWidth; s += "/r/n網頁可見區域高："+ document.body.clientHeight; s += "/r/n網頁可見區域高："+ document.body.offsetWeight +" (包括邊線的寬)"; s += "/r/n網頁可見區域高："+ document.body.offsetHeight +" (包括邊線的寬)"; s += "/r/n網頁正文全文寬："+ document.body.scrollWidth; s += "/r/n網頁正文全文高："+ document.body.scrollHeight; s += "/r/n網頁被捲去的高："+ document.body.scrollTop; s += "/r/n網頁被捲去的左："+ document.body.scrollLeft; s += "/r/n網頁正文部分上："+ window.screenTop; s += "/r/n網頁正文部分左："+ window.screenLeft; s += "/r/n螢幕解析度的高："+ window.screen.height; s += "/r/n螢幕解析度的寬："+ window.screen.width; s += "/r/n螢幕可用工作區高度："+ window.screen.availHeight; s += "/r/n螢幕可用工作區寬度："+ window.screen.availWidth;
//過濾數字
<input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(//D/)" ondragenter="return false">

//特殊用途
<input type=button value=匯出收藏夾 onclick="window.external.ImportExportFavorites(false,'http://localhost');">
<input type=button value=整理收藏夾 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
<input type=button value=語言設定 onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
<input type=button value=加入收藏夾 onclick="window.external.AddFavorite('http://www.google.com/', 'google')">
<input type=button value=加入到頻道 onclick="window.external.addChannel('http://www.google.com/')">
<input type=button value=加入到頻道 onclick="window.external.showBrowserUI('PrivacySettings',null)">
//不快取

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0">
//正則匹配

匹配中文字元的正則表示式： [/u4e00-/u9fa5] 匹配雙位元組字元(包括漢字在內)：[^/x00-/xff] 匹配空行的正則表示式：/n[/s| ]*/r 匹配HTML標記的正則表示式：/<(.*)>.*<///1>|<(.*) //>/ 匹配首尾空格的正則表示式：(^/s*)|(/s*$)（像vbscript那樣的trim函式）匹配Email地址的正則表示式：/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)* 匹配網址URL的正則表示式：http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?
以下是例子：
利用正則表示式限制網頁表單裡的文字框輸入內容：

用正則表示式限制只能輸入中文：onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))" 1.用正則表示式限制只能輸入全形字元： onkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))" 2.用正則表示式限制只能輸入數字：onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" 3.用正則表示式限制只能輸入數字和英文：onkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
//消除影象工具欄
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">
or
<head>
<meta http-equiv="imagetoolbar" content="no">
</head>
//無提示關閉

oRect = obj.getBoundingClientRect(); oRect.left oRect.
//最小化,最大化,關閉
<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>
<input type=button value=最小化 onclick=min.Click()>
<input type=button value=最大化 onclick=max.Click()>
<input type=button value=關閉 onclick=close.Click()>
//游標停在文字最後
<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" onfocus="cc()">

//頁面進入和退出的特效

進入頁面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出頁面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
這個是頁面被載入和調出時的一些特效。duration表示特效的持續時間，以秒為單位。transition表示使
用哪種特效，取值為1-23:
　　0 矩形縮小
　　1 矩形擴大
　　2 圓形縮小
　　3 圓形擴大
　　4 下到上重新整理
　　5 上到下重新整理
　　6 左到右重新整理
　　7 右到左重新整理
　　8 豎百葉窗
　　9 橫百葉窗
　　10 錯位橫百葉窗
　　11 錯位豎百葉窗
　　12 點擴散
　　13 左右到中間重新整理
　　14 中間到左右重新整理
　　15 中間到上下
　　16 上下到中間
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 橫條
　　22 豎條
　　23
//網頁是否被檢索

//列印分頁
<p style="page-break-after:always">page1</p>
<p style="page-break-after:always">page2</p>

//設定列印

//自帶的列印預覽

WebBrowser.ExecWB(1,1) 開啟 Web.ExecWB(2,1) 關閉現在所有的IE視窗，並開啟一個新視窗 Web.ExecWB(4,1) 儲存網頁 Web.ExecWB(6,1) 列印 Web.ExecWB(7,1) 列印預覽 Web.ExecWB(8,1) 列印頁面設定 Web.ExecWB(10,1) 檢視頁面屬性 Web.ExecWB(15,1) 好像是撤銷，有待確認 Web.ExecWB(17,1) 全選 Web.ExecWB(22,1) 重新整理 Web.ExecWB(45,1) 關閉窗體無提示 <style media=print> .Noprint{display:none;} .PageNext{page-break-after: always;} </style> <object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> </object> <center class="Noprint" > <input type=button value=列印 onclick=document.all.WebBrowser.ExecWB(6,1)> <input type=button value=直接列印 onclick=document.all.WebBrowser.ExecWB(6,6)> <input type=button value=頁面設定 onclick=document.all.WebBrowser.ExecWB(8,1)> </p> <p> <input type=button value=列印預覽 onclick=document.all.WebBrowser.ExecWB(7,1)> </center>
//去掉列印時的頁首頁尾

function checkBrowser() {     this.ver=navigator.appVersion     this.dom=document.getElementById?1:0     this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;     this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;     this.ie4=(document.all && !this.dom)?1:0;     this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;     this.ns4=(document.layers && !this.dom)?1:0;     this.mac=(this.ver.indexOf('Mac') > -1) ?1:0;     this.ope=(navigator.userAgent.indexOf('Opera')>-1);     this.ie=(this.ie6 || this.ie5 || this.ie4)     this.ns=(this.ns4 || this.ns5)     this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)     this.nbw=(!this.bw)     return this; }
//計算內容寬和高
<SCRIPT language="javascript">
function test(obj)
{
       var range = obj.createTextRange();
       alert("內容區寬度: " + range.boundingWidth
                                                 + "px/r/n內容區高度: " + range.boundingHeight + "px");

}
</SCRIPT>
<BODY>
<Textarea id="txt" height="150">sdf</textarea><INPUT type="button" value="計算內容寬度" onClick="test(txt)">
</BODY>

//無模式的提示框

var x=event.clientX;
var y=event.clientY;
myObject.style.left=x-(orgMouseX-orgObjX);
myObject.style.top=y-(orgMouseY-orgObjY);

}
function doMouseDown()
{
orgMouseX=event.clientX;
orgMouseY=event.clientY;
orgObjX=parseInt(document.all.myDiv.style.left);
orgObjY=parseInt(document.all.myDiv.style.top);
}

</script>
//文件狀態改變
<iframe src="a.html" id="f" name="f" scrolling="no" frameborder=0 marginwidth=0 marginheight=0></iframe>
<script>
var doc=window.frames["f"].document;
function s(){
if (doc.readyState=="complete"){
document.all.f.style.height=doc.body.scrollHeight
document.all.f.style.width=doc.body.scrollWidth
}
}
doc.onreadystatechange=s
</script>
//重新整理後不變的文字框
<HTML>
<HEAD>
<META NAME="save" CONTENT="history">
<STYLE>
.sHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<INPUT class=sHistory type=text id=oPersistInput>
</BODY>
</HTML>
//訪問剪貼簿

(1)拖拽訪問

event.dataTransfer.setData("URL", oImage.src); sImageURL = event.dataTransfer.getData("URL");
(2)普通訪問

window.clipboardData.setData("Text",oSource.innerText); window.clipboardData.getData("Text");

//操作COOKIE

Function.prototype.apply = function (obj, argu) { if (obj) obj.constructor.prototype._caller = this; var argus = new Array(); for (var i=0;i<argu.length;i++) argus[i] = "argu[" + i + "]"; var r; eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");"))); return r; }; Function.prototype.call = function (obj) { var argu = new Array(); for (var i=1;i<arguments.length;i++) argu[i-1] = arguments[i]; return this.apply(obj, argu); };
//下載檔案

function getXML(URL) { var xmlhttp = new ActiveXObject("microsoft.xmlhttp"); xmlhttp.Open("GET",URL, false);   try {    xmlhttp.Send(); } catch(e){} finally   {   var result = xmlhttp.responseText;   if(result)    {    if(xmlhttp.Status==200)    {     return(true);    }    else     {     return(false);    }   }   else    {    return(false);   } } }
//POST代替FORM
<SCRIPT language="VBScript">
Function URLEncoding(vstrIn)
    strReturn = ""
    For i = 1 To Len(vstrIn)
        ThisChr = Mid(vStrIn,i,1)
        If Abs(Asc(ThisChr)) < &HFF Then
            strReturn = strReturn & ThisChr
        Else
            innerCode = Asc(ThisChr)
            If innerCode < 0 Then
                innerCode = innerCode + &H10000
            End If
            Hight8 = (innerCode And &HFF00)/ &HFF
            Low8 = innerCode And &HFF
            strReturn = strReturn & "%" & Hex(Hight8) & "%" & Hex(Low8)
        End If
    Next
    URLEncoding = strReturn
End Function
Function bytes2BSTR(vIn)
    strReturn = ""
    For i = 1 To LenB(vIn)
        ThisCharCode = AscB(MidB(vIn,i,1))
        If ThisCharCode < &H80 Then
            strReturn = strReturn & Chr(ThisCharCode)
        Else
            NextCharCode = AscB(MidB(vIn,i+1,1))
            strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode))
            i = i + 1
        End If
    Next
    bytes2BSTR = strReturn
End Function
dim strA,oReq
strA = URLEncoding("submit1=Submit&text1=中文")
set oReq = CreateObject("MSXML2.XMLHTTP")
oReq.open "POST","http://ServerName/VDir/TstResult.asp",false
oReq.setRequestHeader "Content-Length",Len(strA)
oReq.setRequestHeader "CONTENT-TYPE","application/x-www-form-urlencoded"
oReq.send strA
msgbox bytes2BSTR(oReq.responseBody)
</SCRIPT>
//readyState是xmlhttp返回資料的進度，0=載入中,1=未初始化,2=已載入,3=執行中,4=完成
//元件是否安裝

isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))
//檢查網頁是否存在

function CheckURL(URL) { var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.Open("GET",URL, false); try { xmlhttp.Send(); var result = xmlhttp.status; } catch(e) {return(false); } if(result==200) { return true; } xmlhttp = null; return false; }
//連線資料庫

<XML ID="xmldate">
<infolist>
<info ><srno>20041025-01</srno><times>null</times></info>
<info ><srno>20041101-09</srno><times>2004年10月1日2點22分0秒</times></info>
</infolist>
</XML>
</body>
</html>
//獲得引數
<body>
<a href="javascript:location.href=location.href + '?a=1&b=2'">search</a>
<script language="JavaScript">

</script>
</body>
//可編輯SELECT
<input type=text name=re_name style="width:100px;height:21px;font-size:10pt;"><span style="width:18px;border:0px solid red;"><select name="r00" style="margin-left:-100px;width:118px; background-color:#FFEEEE;" onChange="document.all.re_name.value=this.value;">
                <option value="1">11111111<option>
                <option value="2">222222</option>
                <option value="3">333333</option>
              </select>
              </span>

//操作EXECL
<script language="javascript">
function jStartExcel() {
var xls = new ActiveXObject ( "Excel.Application" );
xls.visible = true;
var newBook = xls.Workbooks.Add;
newBook.Worksheets.Add;
newBook.Worksheets(1).Activate;
xls.ActiveWorkBook.ActiveSheet.PageSetup.Orientation = 2;
xls.ActiveWorkBook.ActiveSheet.PageSetup.PaperSize = 5;
newBook.Worksheets(1).Columns("A").columnwidth=50;
newBook.Worksheets(1).Columns("A").WrapText = true;
newBook.Worksheets(1).Columns("B").columnwidth=50;
newBook.Worksheets(1).Columns("B").WrapText = true;
newBook.Worksheets(1).Range("A1:B1000").NumberFormat = "0";
newBook.Worksheets(1).Range("A1:B1000").HorizontalAlignment = -4131;
newBook.Worksheets(1).Cells(1,1).Interior.ColorIndex="15";
newBook.Worksheets(1).Cells(1,1).value="First Column, First Cell";
newBook.Worksheets(1).Cells(2,1).value="First Column, Second Cell";
newBook.Worksheets(1).Cells(1,2).value="Second Column, First Cell";
newBook.Worksheets(1).Cells(2,2).value="Second Column, Second Cell";
newBook.Worksheets(1).Name="My First WorkSheet";
}
</script>
//自定義提示條
<a href="#" title="這是提示">tip</a>
<script Language="JavaScript">
//***********預設設定定義.*********************
tPopWait=50;//停留tWait豪秒後顯示提示。
tPopShow=5000;//顯示tShow豪秒後關閉提示
showPopStep=20;
popOpacity=99;
//***************內部變數定義*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;
document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
document.write("</style>");
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");

1.登出元件
regsvr32 /u scrrun.dll
2.修改PROGID
HKEY_CLASSES_ROOT/Scripting.FileSystemObject
Scripting.FileSystemObject
3.對於使用object的使用者，修改HKEY_CLASSES_ROOT/Scripting.

//省略號
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;
overflow: hidden; text-overflow:ellipsis">
<NOBR>就是比如有一行文字，很長，表格內一行顯示不下.</NOBR>
</DIV>
//檢測media play版本

<IE:clientCaps ID="oClientCaps" style="{behavior:url(#default#clientcaps)}" />
<SCRIPT>
var flash="";
    WMPVersion= oClientCaps.getComponentVersion("{22D6F312-B0F6-11D0-94AB-0080C74C7E95}","ComponentID");
    if (WMPVersion != "") {
    flash = "";
    var version = WMPVersion.split(",");
    var i;
    for (i = 0; i < version.length; i++) {
      if (i != 0)
    flash += ".";
      flash += version[i];
    }
     document.write("您的Windows Media Player 版本是:"+flash+"<p>");
}
</SCRIPT>
//圖象按比例

//細線SELECT
<span style="border:1px solid #000000; position:absolute; overflow:hidden;" >
<select style="margin:-2px;">
<option>1111</option>
<option>11111111111111</option>
<option>111111111</option>
</select></span>
<span style="border:1px solid #000000; position:absolute; overflow:hidden;" >
<select style="margin:-2px;">
<option>1111</option>
<option>11111111111111</option>
<option>111111111</option>
</select></span>
//Import

function Import() { for( var i=0; i<arguments.length; i++ ) { var file = arguments[i]; if ( file.match(//.js$/i)) document.write('<script type=/"text/javascript/" src=/"' + file + '/"></sc' + 'ript>'); else document.write('<style type=/"text/css/">@import /"' + file + '/" ;</style>'); } };
//js列舉

function getComputerName() { var objWMIService = GetObject("Winmgmts:root/cimv2"); for(e = new Enumerator(objWMIService) ; !e.atEnd() ; e.moveNext()) {     var getComputer = e.item();     return getComputer.Name; } }
//條件編譯
script language=javascript>
/*@cc_on @*/
/*@if (@_win32 && @_jscript_version>5)
function window.confirm(str)
{
    execScript("n = msgbox('"+ str +"', 257)", "vbscript");
    return(n == 1);
}
@end @*/
</script>
//取得innerText

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
//mergeAttributes 複製所有讀/寫標籤屬性到指定元素。

<SCRIPT>
function fnMerge(){
oSource.children[1].mergeAttributes(oSource.children[0]);
}
</SCRIPT>
<SPAN ID=oSource>
<DIV
ID="oDiv"
ATTRIBUTE1="true"
ATTRIBUTE2="true"
onclick="alert('click');"
onmouseover="this.style.color='#0000FF';"
onmouseout="this.style.color='#000000';"
>
This is a sample <B>DIV</B> element.
</DIV>
<DIV ID="oDiv2">
This is another sample <B>DIV</B> element.
</DIV>
</SPAN>
<INPUT
TYPE="button"
VALUE="Merge Attributes"
onclick="fnMerge()"
>
//檢查連結是否有效
<a href="http://www.pconline.com.cn/welcome.asp" onclick="mm(this, 'http://www.pconline.com.cn/')">test</a>
<script language="javascript">
function getURL(url)
{
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.open("GET",url,false);
xmlhttp.send();
if (xmlhttp.readyState==4) return xmlhttp.Status==200;
return false;
}
function mm(e, url)
{
if(!getURL(e.href)) e.href = url;
}
</script>
//判斷是否輸入值再啟用按鈕
<script>
function check(){
s.disabled = (t1.value == '' || t2.value == '' || t3.value == '')
}
</script>
<input name="t1" onpropertychange="check();">
<input name="t2" onpropertychange="check();">
<input name="t3" onpropertychange="check();">
<input type="submit" name="s" disabled>

//遮蔽滑鼠右鍵、Ctrl+N、Shift+F10、Alt+F4、F11、F5重新整理、退格鍵
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript>
<title>遮蔽滑鼠右鍵、Ctrl+N、Shift+F10、Alt+F4、F11、F5重新整理、退格鍵</title>
</head>
<body>
<script language="Javascript"><!--
//遮蔽滑鼠右鍵、Ctrl+N、Shift+F10、F11、F5重新整理、退格鍵
//Author: meizz(梅花雨) 2002-6-18
function document.oncontextmenu(){event.returnValue=false;}//遮蔽滑鼠右鍵
function window.onhelp(){return false} //遮蔽F1幫助
function document.onkeydown()
{
if ((window.event.altKey)&&
      ((window.event.keyCode==37)||   //遮蔽 Alt+ 方向鍵 ←
       (window.event.keyCode==39)))   //遮蔽 Alt+ 方向鍵 →
{
     alert("不准你使用ALT+方向鍵前進或後退網頁！");
     event.returnValue=false;
}
     /* 注：這還不是真正地遮蔽 Alt+ 方向鍵，
     因為 Alt+ 方向鍵彈出警告框時，按住 Alt 鍵不放，
     用滑鼠點掉警告框，這種遮蔽方法就失效了。以後若
     有哪位高手有真正遮蔽 Alt 鍵的方法，請告知。*/
if ((event.keyCode==8) ||                 //遮蔽退格刪除鍵
      (event.keyCode==116)||                 //遮蔽 F5 重新整理鍵
      (event.ctrlKey && event.keyCode==82)){ //Ctrl + R
     event.keyCode=0;
     event.returnValue=false;
     }
if (event.keyCode==122){event.keyCode=0;event.returnValue=false;} //遮蔽F11
if (event.ctrlKey && event.keyCode==78) event.returnValue=false;   //遮蔽 Ctrl+n
if (event.shiftKey && event.keyCode==121)event.returnValue=false; //遮蔽 shift+F10
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
      window.event.returnValue = false;             //遮蔽 shift 加滑鼠左鍵新開一網頁
if ((window.event.altKey)&&(window.event.keyCode==115))             //遮蔽Alt+F4
{
      window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
      return false;
}
}
</script>
遮蔽滑鼠右鍵、Ct, rl+N、Shift+F10、Alt+F4、F11、F5重新整理、退格鍵
</body>
</html>

//自定義熱鍵（請按a）
<SCRIPT language="JavaScript">

</SCRIPT>
//取得字串實際長度（漢字算兩個位元組，英文字母算一個位元組）：
<script>
var s='中文，English';
alert("["+s+"]的長度:"+s.replace(/[^/x00-/xff]/gi,'xx').length)
</script>

//最好的簡繁轉換
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文件</title>
</head>

<body>
<a id="StranLink">繁體</a>
網頁程式碼檢測中國DotNet俱樂部——首頁點乃特學習.z6ionestabw3cn藍色ideaMSDN 雷神競技場中文站論壇 z987論壇 VeryCD遊戲專區 Google
<script type="text/javascript">
//模仿語言包式的簡繁轉換功能外掛！
//Edited by Stardy --2005-04-16 , Web :http://www.stardy.com , QQ:2885465
//Re-Edited by Stud --2005-10-10 , Web :http://www.metro.com.tw

var Default_isFT = 0 //預設是否繁體，0-簡體，1-繁體
var StranIt_Delay = 30 //翻譯延時毫秒（設這個的目的是讓網頁先流暢的顯現出來）

//－－－－－－－程式碼開始，以下別改－－－－－－－
//轉換文字
function StranText(txt,toFT,chgTxt)
{
if(txt==""||txt==null)return ""
toFT=toFT==null?BodyIsFt:toFT
if(chgTxt)txt=txt.replace((toFT?"簡":"繁"),(toFT?"繁":"簡"))
if(toFT){return Simplized(txt)}
else {return Traditionalized(txt)}
}
//轉換物件，使用遞迴，逐層剝到文字
function StranBody(fobj)
{
if(typeof(fobj)=="object"){var obj=fobj.childNodes}
else
{
var tmptxt=StranLink_Obj.innerHTML.toString()
if(tmptxt.indexOf("簡")<0)
{
   BodyIsFt=0
   StranLink_Obj.innerHTML=StranText(tmptxt,0,1)
   StranLink_Obj.title=StranText(StranLink_Obj.title,0,1)
}
else
{
   BodyIsFt=1
   StranLink_Obj.innerHTML=StranText(tmptxt,1,1)
   StranLink_Obj.title=StranText(StranLink_Obj.title,1,1)
}
setCookie(JF_cn,BodyIsFt,7)
var obj=document.body.childNodes
}
for(var i=0;i<obj.length;i++)
{
var OO=obj.item(i)
if("||BR|HR|TEXTAREA|".indexOf("|"+OO.tagName+"|")>0||OO==StranLink_Obj)continue;
if(OO.title!=""&&OO.title!=null)OO.title=StranText(OO.title);
if(OO.alt!=""&&OO.alt!=null)OO.alt=StranText(OO.alt);
if(OO.tagName=="INPUT"&&OO.value!=""&&OO.type!="text"&&OO.type!="hidden")OO.value=StranText(OO.value);
if(OO.nodeType==3){OO.data=StranText(OO.data)}
else StranBody(OO)
}
}
function JTPYStr()
{
     return '皚藹礙愛翱襖奧壩罷擺敗頒辦絆幫綁鎊謗剝飽寶報鮑輩貝鋇狽備憊繃筆畢斃閉邊編貶變辯辮鱉癟瀕濱賓擯餅撥鉢鉑駁卜補參蠶殘慚慘燦蒼艙倉滄廁側冊測層詫攙摻蟬饞讒纏鏟產闡顫場嘗長償腸廠暢鈔車徹塵陳襯撐稱懲誠騁痴遲馳恥齒熾衝蟲寵疇躊籌綢醜櫥廚鋤雛礎儲觸處傳瘡闖創錘純綽辭詞賜聰蔥囪從叢湊竄錯達帶貸擔單鄲撣膽憚誕彈當擋黨蕩檔搗島禱導盜燈鄧敵滌遞締點墊電澱釣調迭諜疊釘頂錠訂東動棟凍鬥犢獨讀賭鍍鍛斷緞兌隊對噸頓鈍奪鵝額訛惡餓兒爾餌貳發罰閥琺礬釩煩範販飯訪紡飛廢費紛墳奮憤糞豐楓鋒風瘋馮縫諷鳳膚輻撫輔賦復負訃婦縛該鈣蓋幹趕稈贛岡剛鋼綱崗皋鎬擱鴿閣鉻個給龔宮鞏貢鉤溝構購夠蠱顧剮關觀館慣貫廣規矽歸龜閨軌詭櫃貴劊輥滾鍋國過駭韓漢閡鶴賀橫轟鴻紅後壺護滬戶譁華畫劃話懷壞歡環還緩換喚瘓煥渙黃謊揮輝毀賄穢會燴匯諱誨繪葷渾夥獲貨禍擊機積飢譏雞績緝極輯級擠幾薊劑濟計記際繼紀夾莢頰賈鉀價駕殲監堅箋間艱緘繭檢鹼礆揀撿簡儉減薦檻鑑踐賤見鍵艦劍餞漸濺澗漿蔣槳獎講醬膠澆驕嬌攪鉸矯僥腳餃繳絞轎較秸階節莖驚經頸靜鏡徑痙競淨糾廄舊駒舉據鋸懼劇鵑絹傑潔結誡屆緊錦僅謹進晉燼盡勁荊覺決訣絕鈞軍駿開凱顆殼課墾懇摳庫褲誇塊儈寬礦曠況虧巋窺饋潰擴闊蠟臘萊來賴藍欄攔籃闌蘭瀾讕攬覽懶纜爛濫撈勞澇樂鐳壘類淚籬離裡鯉禮麗厲勵礫歷瀝隸倆聯蓮連鐮憐漣簾斂臉鏈戀煉練糧涼兩輛諒療遼鐐獵臨鄰鱗凜賃齡鈴凌靈嶺領餾劉龍聾嚨籠壟攏隴樓婁摟簍蘆盧顱廬爐擄滷虜魯賂祿錄陸驢呂鋁侶屢縷慮濾綠巒攣孿灤亂掄輪倫侖淪綸論蘿羅邏鑼籮騾駱絡媽瑪碼螞馬罵嗎買麥賣邁脈瞞饅蠻滿謾貓錨鉚貿麼黴沒鎂門悶們錳夢謎彌覓綿緬廟滅憫閩鳴銘謬謀畝鈉納難撓腦惱鬧餒膩攆捻釀鳥聶齧鑷鎳檸獰寧擰濘鈕紐膿濃農瘧諾歐鷗毆嘔漚盤龐國愛賠噴鵬騙飄頻貧蘋憑評潑頗撲鋪樸譜臍齊騎豈啟氣棄訖牽扦釺鉛遷籤謙錢鉗潛淺譴塹槍嗆牆薔強搶鍬橋喬僑翹竅竊欽親輕氫傾頃請慶瓊窮趨區軀驅齲顴權勸卻鵲讓饒擾繞熱韌認紉榮絨軟銳閏潤灑薩鰓賽傘喪騷掃澀殺紗篩晒閃陝贍繕傷賞燒紹賒攝懾設紳審嬸腎滲聲繩勝聖師獅溼詩屍時蝕實識駛勢釋飾視試壽獸樞輸

js中的事件觸發(非常詳細)

js中的事件觸發(非常詳細)

js中獲取觸發事件物件的標籤名稱

JS中事件的執行順序和AJAX的異步

JS中事件綁定

JS中事件綁定的三種方式

關於JS中事件捕獲，事件冒泡與事件代理（事件委託），及e.target與e.currentcurrentTarget的區別

JS中的閉包詳細解析大全（面試避必考題） JS中閉包的介紹

JS中事件的新增

js中事件預設行為

JS中事件繫結的2種方式

js中事件繫結和普通事件的區別

JS中事件繫結函式，事件捕獲，事件冒泡

JS中事件綁定函數，事件捕獲，事件冒泡

js中事件物件event

js 中事件的event的注意事項，如何在普通函式中取到event事件物件呢？

淺談js中事件preventDefault()和addEventListener()

js中事件繫結3種方法以及事件委託

jQuery中事件觸發的三種方式及區別

FLASH 呼叫攝像頭 JS中方法觸發拍照，並將照片儲存到本地資料夾

js中 ajax動態新增節點無法觸發點選事件

js中的事件觸發(非常詳細)

相關推薦