1.onblur：（使用在表單元素中，當元素失去焦點的時候執行） 2.onchange：（使用在表單元素中，當某些東西改變是執行） 3.onclick：（鼠標點擊一個元素時執行） 4.ondblclick：（鼠標雙擊一個元素時執行） 5.onfocus：（使用在表單元素中，當元素獲得焦點時執行） 6.onkeydown： （按下某個按鍵時執行） 7.onkeypress：（按下和釋放某個按鍵時執行） 8.onkeyup：（釋放某個按鍵時執行） 9.onload：（在body標簽中使用，載入頁面的時候執行） 10.onmousedown：（按下鼠標按鍵時執行） 11.onmousemove：（鼠標光標在元素上移動時執行） 12.onmouseout：（鼠標光標移開元素時執行） 13.onmouseover：（鼠標光標移到元素上時執行） 14.onmouseup：（當釋放鼠標按鍵時執行） 15.onreset：（用在表單元素中，當表單重置時執行） 16.onselect：（用在表單元素中，當元素被選擇時執行） 17.onsubmit：（用在表單元素中，當表單提交時執行） 18.onunload：（用在body標簽中，當關閉頁面時執行） 常用的小知識點： 22.click() 對象.click() 使對象被點擊。 23.closed 對象.closed 對象窗口是否已關閉true/false 24.clearTimeout(對象) 清除已設置的setTimeout對象 25.clearInterval(對象) 清除已設置的setInterval對象 26.confirm("提示信息") 彈出確認框，確定返回true取消返回false 27.cursor:樣式 更改鼠標樣式 hand crosshair text wait help default auto e/s/w/n-resize 28. 29.event.clientX 返回最后一次點擊鼠標X坐標值； 30.event.clientY 返回最后一次點擊鼠標Y坐標值； 31.event.offsetX 返回當前鼠標懸停X坐標值 32.event.offsetY 返回當前鼠標懸停Y坐標值 33. 34.document.write(document.lastModified) 網頁最后一次更新時間 35.document.οndblclick=x 當雙擊鼠標產生事件 36.document.οnmοusedοwn=x 單擊鼠標鍵產生事件 37. 38.document.body.scrollTop; 返回和設置當前豎向滾動條的坐標值，須與函數配合, 39.document.body.scrollLeft; 返回和設置當前橫向滾動務的坐標值，須與函數配合， 40.document.title document.title="message"; 當前窗口的標題欄文字 41.document.bgcolor document.bgcolor="顏色值"; 改變窗口背景顏色 42.document.Fgcolor document.Fgcolor="顏色值"; 改變正文顏色 43.document.linkcolor document.linkcolor="顏色值"; 改變超聯接顏色 44.document.alinkcolor document.alinkcolor="顏色值"; 改變正點擊聯接的顏色 45.document.VlinkColor document.VlinkColor="顏色值"; 改變已訪問聯接的顏色 46.document.forms.length 返回當前頁form表單數 47.document.anchors.length 返回當前頁錨的數量 48.document.links.length 返回當前頁聯接的數量 49.document.οnmοusedοwn=x 單擊鼠標觸發事件 50.document.οndblclick=x 雙擊鼠標觸發事件 51.defaultStatus window.status=defaultStatus; 將狀態欄設置默認顯示 52. 53.function function xx(){...} 定義函數 54.isNumeric 判斷是否是數字 55.innerHTML xx=對象.innerHTML 輸入某對象標簽中的html源代碼 56.innerText divid.innerText=xx 將以div定位以id命名的對象值設為XX 57. 58.location.reload(); 使本頁刷新，target可等于一個刷新的網頁 59. 60.Math.random() 隨機涵數,只能是0到1之間的數,如果要得到其它數,可以為*10,再取整 61.Math.floor(number) 將對象number轉為整數，舍取所有小數 62.Math.min(1,2) 返回1,2哪個小 63.Math.max(1,2) 返回1,2哪個大 64. 65.navigator.appName 返回當前瀏覽器名稱 66.navigator.appVersion 返回當前瀏覽器版本號 67.navigator.appCodeName 返回當前瀏覽器代碼名字 68.navigator.userAgent 返回當前瀏覽器用戶代標志 69. 70.onsubmit οnsubmit="return(xx())" 使用函數返回值 71.opener opener.document.對象 控制原打開窗體對象 72. 73.prompt xx=window.prompt("提示信息","預定值"); 輸入語句 74.parent parent.框架名.對象 控制框架頁面 75. 76.return return false 返回值 77.random 隨機參數（0至1之間） 78.reset() form.reset(); 使form表單內的數據重置 79. 80.split("") string.split("") 將string對象字符以逗號隔開 81.submit() form對象.submit() 使form對象提交數據 82. 83.String對象的 charAt(x)對象 反回指定對象的第多少位的字母 84.lastIndexOf("string") 從右到左詢找指定字符，沒有返回-1 85.indexOf("string") 從左到右詢找指定字符，沒有返回-1 86.LowerCase() 將對象全部轉為小寫 87.UpperCase() 將對象全部轉為大寫 88.substring(0,5) string.substring(x,x) 返回對象中從0到5的字符 89.setTimeout("function",time) 設置一個超時對象 90.setInterval("function",time) 設置一個超時對象 91. 92.toLocaleString() x.toLocaleString() 從x時間對象中獲取時間，以字符串型式存在 93.typeof(變量名) 檢查變量的類型，值有：String,Boolean,Object,Function,Underfined 94. 95.window.event.button==1/2/3 鼠標鍵左鍵等于1右鍵等于2兩個鍵一起按為3 96.window.screen.availWidth 返回當前屏幕寬度(空白空間) 97.window.screen.availHeight 返回當前屏幕高度(空白空間) 98.window.screen.width 返回當前屏幕寬度(分辨率值) 99.window.screen.height 返回當前屏幕高度(分辨率值) 100.window.document.body.offsetHeight; 返回當前網頁高度 101.window.document.body.offsetWidth; 返回當前網頁寬度 102.window.resizeTo(0,0) 將窗口設置寬高 103.window.moveTo(0,0) 將窗口移到某位置 104.window.focus() 使當前窗口獲得焦點 105.window.scroll(x,y) 窗口滾動條坐標，y控制上下移動，須與函數配合 106.window.open() window.open("地址","名稱","屬性") 107.屬性:toolbar(工具欄),location(地址欄),directions,status(狀態欄), 108.menubar (菜單欄),scrollbar(滾動條),resizable(改變大小), width(寬),height(高),fullscreen(全 屏),scrollbars(全屏時無滾動條無參 數,channelmode(寬屏),left(打開窗口x坐標),top(打開窗口y坐標) 109.window.location = 'view-source:' + window.location.href 應用事件查看網頁源代碼; 110. 111. 112.a=new Date(); //創建a為一個新的時期對象 113.y=a.getYear(); //y的值為從對象a中獲取年份值 兩位數年份 114.y1=a.getFullYear(); //獲取全年份數 四位數年份 115.m=a.getMonth(); //獲取月份值 116.d=a.getDate(); //獲取日期值 117.d1=a.getDay(); //獲取當前星期值 118.h=a.getHours(); //獲取當前小時數 119.m1=a.getMinutes(); //獲取當前分鐘數 120.s=a.getSeconds(); //獲取當前秒鐘數 121. 122. 123.對象.style.fontSize="文字大小"; 124.單位：mm/cm/in英寸/pc帕/pt點/px象素/em文字高 125.1in=1.25cm 126.1pc=12pt 127.1pt=1.2px(800*600分辯率下) 128. 129.文本字體屬性： 130.fontSize大小 131.family字體 132.color顏色 133.fontStyle風格，取值為normal一般,italic斜體,oblique斜體且加粗 134.fontWeight加粗,取值為100到900不等,900最粗,light,normal,bold 135.letterSpacing間距,更改文字間距離,取值為,1pt,10px,1cm 136.textDecoration:文字修飾;取值,none不修飾,underline下劃線,overline上劃線 137.background:文字背景顏色, 138.backgroundImage:背景圖片,取值為圖片的插入路徑 139. 140. 141.點擊網頁正文函數調用觸發器： 142. 143.1.onClick 當對象被點擊 144.2.onLoad 當網頁打開,只能書寫在body中 145.3.onUnload 當網頁關閉或離開時,只能書寫在body中 146.4.onmouseover 當鼠標懸于其上時 147.5.onmouseout 當鼠標離開對象時 148.6.onmouseup 當鼠標松開 149.7.onmousedown 當鼠標按下鍵 150.8.onFocus 當對象獲取焦點時 151.9.onSelect 當對象的文本被選中時 152.10.onChange 當對象的內容被改變 153.11.onBlur 當對象失去焦點 154.οnsubmit=return(ss())表單調用時返回的值 155. 156.直線 border-bottom:1x solid black 157.虛線 border-bottom:1x dotted black 158.點劃線 border-bottom:2x dashed black 159.雙線 border-bottom:5x double black 160.槽狀 border-bottom:1x groove black 161.脊狀 border-bottom:1x ridge black 162. 163. 164.1.邊緣高光glow(color=顏色,strength=亮光大小) 165. 166.2.水平翻轉fliph() 使對象水平翻轉180度 167. 168.3.垂直翻轉flipv() 使對象垂直翻轉180度 169. 170.4.對象模糊blur(add=true/false direction=方向 strength=強度) 171.add指定是否按印象畫派進行模糊direction模糊方向strength模糊強度 172.5.對象透明alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3) 173.opaction對象整體不透明值finishopacity當對象利用了漸透明時該項指定結束透明位置的不透明值style指定透明方式0為整體透明，1為線型透明，2為圓型透明，3為矩形透明 174.6.去除顏色chroma(color=顏色值)使對象中顏色與指定顏色相同區域透明 175.7.建立陰影dropshadow(color=陰影顏色,offx=水平向左偏離像素,offy=水平向下偏離像素) 176.8.去色gray()使對象呈灰度顯示 177.9.負片效果invert()使對象呈底片效果 178.10.高光light()使對象呈黑色顯示 179.11.遮蓋mask(color=顏色)使整個對象以指定顏色進行蒙板一次 180. 181.opacity 表透明度水平.0~100,0表全透明,100表完全不透明 182.finishopacity表想要設置的漸變透明效果.0~100. 183.style 表透明區的形狀.0表統一形狀.1表線形.2表放射形.3表長方形. 184.startx.starty表漸變透明效果的開始時X和Y坐標. 185.finishx,finishy漸變透明效果結束時x,y 的坐標. 186.add有來確定是否在模糊效果中使有原有目標.值為0,1.0表"否",1表"是". 187.direction設置模糊的方向.0度表垂直向上,45度為一個單位.默認值是向左270度.left,right,down,up. 188.strength 只能用整數來確定.代表有多少個像素的寬度將受到模糊影響.默認是5個. 189.color要透明的顏色. 190.offx,offy分別是x,y 方向陰影的偏移量. 191.positive指投影方式.0表透明像素生成陰影.1表只給出不透明像素生成陰影.. 192. 193.AddAmbient:加入包圍的光源. 194.AddCone:加入錐形光源. 195.AddPoint加入點光源 196.Changcolor:改變光的顏色． 197.Changstrength:改變光源的強度． 198.Clear:清除所有的光源． 199.MoveLight:移動光源． 200. 201.freq是波紋的頻率，在指定在對象上一區需要產生多少個完事的波紋． 202.lightstrength可對于波紋增強光影的效果．顯著0~100正整數，正弦波開始位置是0~360度．0表從0度開始，25表從90度開始． 203.strength表振幅大小． 204. 205. 206.hand style="cursor:hand" 207.crosshair style="cursor:crosshair" 208.text style="cursor:text" 209.wait style="cursor:wait" 210.default style="cursor:default" 211.help style="cursor:help" 212.e-resize style="cursor:e-resize" 213.ne-resize style="cursor:ne-resize" 214.n-resize style="cursor:n-resize" 215.nw-resize style="cursor:nw-resize" 216.w-resize style="cursor:w-resize" 217.s-resize style="cursor:s-resize" 218.sw-resize style="cursor:sw-resize " 219.se-resize style="cursor:se-resize" 220.auto style="cursor:auto"

?

轉載于:https://www.cnblogs.com/YingYue/p/3741971.html

總結

以上是生活随笔為你收集整理的js常见事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。