详解Javascript事件驱动编程

前端之家收集整理的这篇文章主要介绍了详解Javascript事件驱动编程前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、基本概述

JS是采用事件驱动的机制来响应用户操作的,也就是说当用户对某个html元素进行操作的时候,会产生一个时间,该时间会驱动某些函数来处理。 PS:这种方式和Java GUI中的事件监听机制很像,都是需要注册监听,然后再处理监听,只不过实现的方式不同而已。

二、事件驱动原理

  • 事件源:产生事件的地方(html元素)
  • 事件:点击/鼠标操作/键盘操作等等
  • 事件对象:当某个事件发生时,可能会产生一个事件对象,该时间对象会封装好该时间的信息,传递给事件处理程序
  • 事件处理程序:响应用户事件的代码

案例:

点击浏览器之后,显示坐标(有些浏览器可能无效)

案例2:点击按钮,图片变成红色,黑色

方法:JS访问内部css

属性,来改变外观

方法:JS访问外部css(这方法不一定适用于所有浏览器)

案例3:区分当前浏览器的内核是什么?(区分出ie6/7/8/ 火狐等)

案例4:一个事件可以被多个函数监听

function test(e){ window.alert("fss"); } function test1(e){ window.alert("sfdsdf"); }

案例5:防止用户通过点击鼠标右键菜单拷贝网页内容,选择网页内容

内容

下篇文章为大家分享一个简单综合案例:

简单的计算器

,希望大家不要错过。

关于Javascript事件驱动编程远不止这些,希望本文所述对大家学习javascript程序设计有所帮助。

猜你在找的JavaScript相关文章