没有合适的资源?快使用搜索试试~ 我知道了~
相关阅读: JavaScript事件学习小结(五)js中事件类型之鼠标事件 //www.jb51.net/article/86259.htm JavaScript事件学习小结(一)事件流 //www.jb51.net/article/86261.htm javaScript事件学习小结(四)event的公共成员(属性和方法) //www.jb51.net/article/86262.htm JavaScript事件学习小结(二)js事件处理程序 //www.jb51.net/article/86264.htm JavaScript事件学习小结(三)js事件对象 一、事件处理
资源详情
资源评论
资源推荐
JavaScript事件学习小结事件学习小结(二二)js事件处理程序事件处理程序
相关阅读:相关阅读:
JavaScript事件学习小结(五)js中事件类型之鼠标事件
//www.jb51.net/article/86259.htm
JavaScript事件学习小结(一)事件流
//www.jb51.net/article/86261.htm
javaScript事件学习小结(四)event的公共成员(属性和方法)
//www.jb51.net/article/86262.htm
JavaScript事件学习小结(二)js事件处理程序
//www.jb51.net/article/86264.htm
JavaScript事件学习小结(三)js事件对象
一、事件处理程序一、事件处理程序
前面提到,事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字。响应某个事件的函数就叫
事件处理程序(也叫事件处理函数、事件句柄)。事件处理程序的名字以”on”开头,因此click事件的事件处理程序就是
onclick,load事件的事件处理程序就是onload。
为事件指定事件处理程序的方法主要有3种。
1、、html事件处理程序事件处理程序
首先,这种方法已经过时了。因为动作(javascript代码)和内容(html代码)紧密耦合。但是写个小demo的时候还是可以使用的。
这种方式也有两种方法,都很简单:
第一种:直接在html中定义事件处理程序及包含的动作。
复制代码 代码如下:<input type=”button” value=”click me!”/>
第二种:html中定义事件处理程序,执行的动作则调用其他地方定义的脚本。
复制代码 代码如下:<input type=”button” value=”click me!”/><script>function showMessage(){ alert(“clicked!”);}</script>
note:
1)通过event变量可以直接访问事件本身,比如onclick=”alert(event.type)”会弹出click事件。
2)this值等于事件的目标元素,这里目标元素是input。比如onclick=”alert(this.value)”可以得到input元素的value值。
2、、DOM0级事件处理程序级事件处理程序
这种方法简单而且跨浏览器,但是只能为一个元素添加一个事件处理函数。
因为这种方法为元素添加多个事件处理函数,则后面的会覆盖前面的。
添加事件处理程序:添加事件处理程序:
<input type="button" value="click me!" onclick="showMessage()"/>
<script>
function showMessage(){
alert("clicked!");
}
</script>
删除事件处理程序:删除事件处理程序:
复制代码 代码如下: myBtn.onclick=null;
3、、DOM2级事件处理程序级事件处理程序
DOM2级事件处理程序可以为一个元素添加多个事件处理程序。其定义了两个方法用于添加和删除事件处理程序:
weixin_38728347
- 粉丝: 4
- 资源: 912
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0