淺談 javascript 事件處理_基礎知識

事件處理

一、事件源：任何一個HTML元素（節點），body、div、button

二、事件：你的操作

                滑鼠：
    click    點選
    dblick  雙擊
    oncontextmenu 文字選單

複製碼 代碼如下:

         //禁止右鍵的程式

    mouseover 放上
    mouseout 離開
    mousedown 按下
    mouseup  抬起
    mousemove 滑鼠移動
   鍵盤:

    keypress 鍵盤事件
    keyup  抬起
    keydown  按

   文件：

    load   載入
    onload 是頁面載入完成之後觸發的事件
    unload  關閉
    breforeunload關閉前

   表單：

    focus  焦點事件
    blur  失去焦點
    submit  提交事件
    change  改變事件

   其它：

    scroll  滾動
    selectstart 選擇事件

三、事件處理程序

    第一種：

     格式：
    實例：

複製程式碼 程式碼如下:

<script><br />   function show(){<br />    var one=document.getElementById("one");<br />    alert(one.innerText);<br />   }<br />   show();<br /> </script>

 wwwwwwwwwwwwwwwww

第二種:

 直接在javascript裡邊物件.on處理程式

複製程式碼 程式碼如下:

       

 你好，腳本之家
http://www.jb51.net
 

 <script><br />   var one=document.getElementById("two");<br />   one.onclick=function(){<br />    this.style.backgroundColor="red";<br />   }<br />  </script>

第三種：   基本上沒什麼人用

複製程式碼 程式碼如下:

 你好，腳本之家
http://www.jb51.net
 

 

小夥伴們是否了解了javascript的事件處理了呢，有疑問就給我留言吧。