//禁止右键的程序mouseover 放上mo" />

浅谈 javascript 事件处理


事件处理

一、事件源:任何一个HTML元素(节点),body、div、button

二、事件:你的操作

鼠标:
click 单击
dblick 双击
oncontextmenu 文本菜单

<body oncontextmenu="return false">//禁止右键的程序

mouseover 放上
mouseout 离开
mousedown 按下
mouseup 抬起
mousemove 鼠标移动

键盘:
keypress 键盘事件
keyup 抬起
keydown 按下

文档:
load 加载
onload 是页面加载完成之后触发的事件
unload 关闭
breforeunload关闭之前

表单:
focus 焦点事件
blur 失去焦点
submit 提交事件
change 改变事件

其它:
scroll 滚动
selectstart 选择事件

三、事件处理程序

第一种:
格式:<tag on事件="事件处理程序" />
实例:

<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处理程序

<div id="two">

 你好,积木网http://www.gimoo.net

 </div>

 <script>

  var one=document.getElementById("two");

  one.onclick=function(){

   this.style.backgroundColor="red";

  }

 </script>

第三种:
基本没什么人用

<script for="事件源ID" event="事件">事件处理程序</script>

<div id="th">

 你好,积木网http://www.gimoo.net

 </div>

 <script for="th" event="onclick">

  var one=document.getElementById("th");

 one.style.backgroundColor="red";

 </script>

小伙伴们是否了解了javascript的事件处理了呢,有疑问就给我留言吧。

JavaScript 学习笔记之基础中的基础
概要:javascript的组成、各个组成部分的作用、一、javascript的组成javascriptECMAScript(核心)DOM(文档对象模型)BOM(浏览器对象模型)1.1ECMAScriptECMAScript

JavaScript Math.floor方法(对数值向下取整)
JavaScriptMath.floor方法Math.floor方法用于对数值向下取整,即得到小于或等于该数值的最大整数。语法如下:Math.floor(x)参数说明:参数说明x必需。必须是一

JavaScript Math.ceil 方法(对数值向上取整)
JavaScriptMath.ceil方法Math.ceil方法用于对数值向上取整,即得到大于或等于该数值的最小整数。语法如下:Math.ceil(x)参数说明:参数说明x必需。必须是一个