當前位置:吉日网官网 - 紀念幣收藏 - 如何獲取觸發事件的元素?

如何獲取觸發事件的元素?

事件源對象

event . src element . tagname(document . getelementsbytagname)

event.srcElement.type

捕獲和釋放

event . src element . set capture();

event . src element . release capture();

事件鍵

event.keyCode

event.shiftKey

event.altKey

event.ctrlKey

事件返回值

事件.返回值

鼠標位置

event.x

事件. y

形成活動元素

文檔. activeElement

綁定事件

document.captureEvents(事件。key down);

訪問表單元素

document.all("txt ")。焦點();

document.all("txt ")。select();

表單命令

document.execCommand

表單COOKIE

document.cookie

菜單事件

document.oncontextmenu

創建元素

document . createelement(" SPAN ");

按鼠標獲取元素:

document . element from point(event . x,event.y)。標記名=="TD

document . element from point(event . x,event.y)。appendChild(毫秒)

表單圖片

Document.images[索引]

表單事件綁定

document . onmousedown = scroll window;

元素

文檔。形式。元素[索引]

對象綁定事件

document . all . XXX . detach event(' onclick ',a);

插件數量

導航器.插件

可變類型

type of($ js _ libpath)= = " undefined "

下拉框

下拉框。選項[索引]

下拉選項。長度

找到壹個對象

document . getelementsbyname(" r 1 ");

document . getelementbyid(id);

時機

timer = setInterval(' scroll window()',delay);

clearInterval(定時器);

未編碼編碼

escape(),unescape

父對象

對象父元素(dhtml)

對象父節點(dom)

交換表的行

TableID.moveRow(2,1)

替換CSS

document . all . csss . href = " a . CSS ";

並排顯示

顯示:內嵌

隱藏焦點

hidefocus=true

根據寬度換行

style="word-break:break-all "

自動刷新

& ltmeta HTTP-EQUIV = " refresh " CONTENT = " 8;URL=?主題= ccc & ampbody = xxxyyy " & gt

快速就位

scrollIntoView(true)

& lta name="first " >

& lta href="#first " >錨& lt/a & gt;

網頁交付參數

location . search();

可編輯的

obj.contenteditable=true

執行菜單命令

obj.execCommand

雙字節字符

/[^\x00-\xff]/

漢字

/[\u4e00-\u9fa5]/

超出表格寬度的英文字符串換行

自動換行:斷字;斷字:全斷;

透明背景

& ltIFRAME src = " 1 . htm " width = 300 height = 180 allow transparency & gt。& lt/iframe & gt;

獲取樣式內容

obj.style.cssText

HTML標簽

document . document element . innerhtml

第壹個樣式標簽

document .樣式表[0]

樣式標記中的第壹個樣式

document .樣式表[0]。規則[0]

當點擊壹個空鏈接時,防止頁面被重置到頂端。

& lta href = " JavaScript:function()" & gt;word & lt/a & gt;

以前的網頁源

asp:

request . server variables(" HTTP _ REFERER ")

javascript:

文檔.推薦人

釋放內存

collect garbage();

沒有右鍵單擊

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

禁止保存

& ltnoscript & gt& ltiframe src="*。htm " & gt& lt/iframe & gt;& lt/noscript & gt;

挑選

不粘貼

& ltinput type = text on paste = " return false " & gt;

地址欄圖標

& ltlink rel= "快捷方式圖標" href = " favicon.ico " & gt

Favicon.ico的名字最好保持16*16的顏色不變,放在虛擬目錄的根目錄下。

收藏欄圖標

& ltlink rel = " Bookmark " href = " favicon . ico " & gt。

查看源代碼

& ltInput type=button value=查看網頁源代碼onclick = " window . location = ' view-source:'+' Plete = on >打開此功能

& lt輸入類型=文本自動完成= off & gt關閉此功能。

窗口最大化

& ltbody onload = " window . resize to(window . screen . width-4,window . screen . height-50);window.moveTo(-4,-4)" & gt;

沒有關閉按鈕

window.open("aa.htm "," meizz "," full screen = 7 ");

統壹編碼/解碼

alert(decodeURIComponent(encodeURIComponent("?as=呵呵”))

EncodeURIComponent對":","/";"還有“?”也編碼

表格行指示

& lttr on mouseover = " this . bgcolor = ' # f0f 0f 0 ' " " on mouseout = " this . bgcolor = ' # ffffff ' " & gt;

//各種尺寸

s+= " \ r \ n網頁可見區域的寬度:"+document . body . client width;

s+= " \ r \ n網頁可見區域高:"+document . body . client height;

s+= " \ r \ n網頁可見區域的高度:"+document.body.offsetWeight+"(包括邊線的寬度)";

s+= " \ r \ n網頁可見區域的高度:"+document.body.offsetHeight+"(包括邊線的寬度)";

s+= " \ r \ n網頁的全文寬度:"+document . body . scroll width;

s+= " \ r \ n網頁全文高:"+document . body . scroll height;

s+= " \ r \ n網頁向上滾動:"+document . body . scroll top;

s+= " \ r \ n已滾動網頁的左側:"+document . body . scroll left;

s+= " \ r \ n在網頁正文上:"+window . screen top;

s+= " \ r \ n網頁正文的左側:"+window . screen left;

s+= " \ r \ n高屏幕分辨率:"+window . screen . height;

s+= " \ r \ n屏幕分辨率的寬度:"+window . screen . width;

s+= " \ r \ n屏幕的可用工作區高度:"+window . screen . avail height;

s+= " \ r \ n屏幕的可用工作區寬度:"+window . screen . avail width;

//過濾數字

& ltinput type = text onkeypress = " return event . keycode & gt。= 48 & amp& ampevent.keyCode & lt=57||(this.value.indexOf(' . '))& lt0?event . key code = = 46:false)" on paste = " return!clipboardData.getData('text ')。match(/\ D/)" ondragenter = " return false " & gt;

//特殊用途

& ltinput type = button value = import favorites once = " window . external . importexportfavorites(true,'/',' Google ')" >

& ltinput type = button value = add to channel onclick = " window . external . add channel('/')" >

& ltinput type = button value = add to channel onclick = " window . external . showbrowse ui(' privacy settings ',null)" >

//不緩存

& ltMETA HTTP-EQUIV = " pragma " CONTENT = " no-cache " & gt;

& ltMETA HTTP-EQUIV = " Cache-Control " CONTENT = " no-Cache,must-re validate " & gt;

& ltMETA HTTP-EQUIV = " expires " CONTENT = " 0 " >

//常規匹配

匹配漢字的正則表達式:[\u4e00-\u9fa5]

匹配雙字節字符(包括漢字):[\ x00-\ xff]

匹配空行的正則表達式:\n[\s| ]*\r

匹配HTML標記的正則表達式:/

匹配前導空格和尾隨空格的正則表達式:(\ s *) | (\ s * $)(類似vbscript的trim函數)

匹配電子郵件地址的正則表達式:\ w+([-+。] \ w+) * @ \ w+([-。] \ w+) * \。\ w+([-。] \ w+) *

匹配URL的正則表達式:http://([\ w-]+\。)+[\ w-]+(/[\ w-。/?% & amp=]*)?

以下是壹些例子:

使用正則表達式限制web表單中文本框的輸入內容;

使用正則表達式將輸入限制為僅中文:onkeyup = "value = value。replace (/[\ U4E00-\ U9Fa5]/g,' ')" onbeforepaste = "剪貼板數據。setdata ('text ',剪貼板數據。getdata ('text ')。替換(。

1.使用正則表達式限制只輸入全角字符:onkeyup = "value = value。replace (/[\ uff00-\ ufff]/g,' ')" onbeforepast = "剪貼板數據。setdata ('text ',剪貼板數據。getdata(')。

2.使用正則表達式限制只能輸入的數字:onkeyup = "value = value。replace (/[\ d]/g,' ')" onBeforepaste = " clipboard data。setdata ('text ',剪貼板數據。getdata ('text ')。替換(/[\]

3.使用正則表達式限制數字和英文輸入:onkeyup = "value = value。replace (/[\ w]/g,' ')" onbeforepast = " clipboarddata。setdata ('text ',剪貼板數據。getdata ('text ')。替換(/[\]

  • 上一篇:水滸裏,誰是大哥誰能讓宋江把他踩在腳下?
  • 下一篇:收集起來,周末給孩子看英語。
  • copyright 2024吉日网官网