详解Javascript事件驱动编程

一、基本概述

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

二、事件驱动原理

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

案例：

rush:xhtml;">

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

案例2：点击按钮，图片变成红色，黑色

方法：JS访问内部css

rush:xhtml;"> //js如何访问css属性，来改变外观

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

rush:xhtml;"> event2.css .style { border:1; background-color:red; width:300px; height:300px; } event2.html

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

rush:js;">

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

rush:xhtml;"> test()" onselectstart="return test2()"> 内容

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

简单的计算器

，希望大家不要错过。

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

原文地址：https://www.jb51.cc/js/50781.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：基于javascript实现仿百度输入框自下一篇：基于javascript实现简单计算器功能