欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談 javascript 事件處理

 更新時間：2015年01月04日 09:50:39   投稿：hebedich  
本文向大家簡單介紹了javascript的事件處理機制，從事件源，事件操作到事件處理程序都做了簡單介紹，并給出了部分示例，這里推薦給大家。

事件處理

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

二、事件：你的操作

                鼠標(biāo)：
    click    單擊
    dblick  雙擊
    oncontextmenu 文本菜單

復(fù)制代碼 代碼如下:
              
   <body oncontextmenu="return false">//禁止右鍵的程序

    mouseover 放上
    mouseout 離開
    mousedown 按下
    mouseup  抬起
    mousemove 鼠標(biāo)移動

   鍵盤:
    keypress 鍵盤事件
    keyup  抬起
    keydown  按下

   文檔：
    load   加載
    onload 是頁面加載完成之后觸發(fā)的事件
    unload  關(guān)閉
    breforeunload關(guān)閉之前

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

   其它：
    scroll  滾動
    selectstart 選擇事件

三、事件處理程序

    第一種：
     格式：<tag on事件="事件處理程序" />
    實例：

復(fù)制代碼 代碼如下:

<script>
  function show(){
   var one=document.getElementById("one");
   alert(one.innerText);
  }
  show();
</script>
<body>
<div id="one">
 wwwwwwwwwwwwwwwww
</div>
<input type="button" onclick="show()" value="show">

第二種:
 直接在javascript里邊對象.on處理程序

復(fù)制代碼 代碼如下:
       
 <div id="two">
 你好，腳本之家http://www.dbjr.com.cn
 </div>
 <script>
  var one=document.getElementById("two");
  one.onclick=function(){
   this.style.backgroundColor="red";
  }
 </script>

第三種：
  基本沒什么人用

復(fù)制代碼 代碼如下:

<script for="事件源ID" event="事件">事件處理程序</script>
<div id="th">
 你好，腳本之家http://www.dbjr.com.cn
 </div>
 <script for="th" event="onclick">
  var one=document.getElementById("th");
 one.style.backgroundColor="red";
 </script>

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

相關(guān)文章

最新評論