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

淺談 javascript 事件處理

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

事件處理

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

二、事件：你的操作

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

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

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

   鍵盤(pán):
    keypress 鍵盤(pán)事件
    keyup  抬起
    keydown  按下

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

   表單：
    focus  焦點(diǎn)事件
    blur  失去焦點(diǎn)
    submit  提交事件
    change  改變事件

   其它：
    scroll  滾動(dòng)
    selectstart 選擇事件

三、事件處理程序

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

復(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里邊對(duì)象.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>

第三種：
  基本沒(méi)什么人用

復(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的事件處理了呢，有疑問(wèn)就給我留言吧。

相關(guān)文章

最新評(píng)論