位置: 编程技术 - 正文
推荐整理分享详解Javascript事件驱动编程,希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!
一、基本概述 JS是采用事件驱动的机制来响应用户操作的,也就是说当用户对某个html元素进行操作的时候,会产生一个时间,该时间会驱动某些函数来处理。PS:这种方式和Java GUI中的事件监听机制很像,都是需要注册监听,然后再处理监听,只不过实现的方式不同而已。
二、事件驱动原理
事件源:产生事件的地方(html元素) 事件:点击/鼠标操作/键盘操作等等 事件对象:当某个事件发生时,可能会产生一个事件对象,该时间对象会封装好该时间的信息,传递给事件处理程序 事件处理程序:响应用户事件的代码案例:
JS事件分类 鼠标事件 click dblclick mousedown mouseout mouseover mouseup mousemove等 键盘事件 keydown keypress keyup等 HTML事件 window的onload unload error abort 文本框的select change等 其他事件 页面中有些特殊对象运行过程中产生的事件案例1:监听鼠标点击事件,并能够显示鼠标点击的位置x,y
点击浏览器之后,显示坐标(有些浏览器可能无效)
案例2:点击按钮,图片变成红色,黑色方法:JS访问内部css
方法:JS访问外部css(这方法不一定适用于所有浏览器)
案例3:区分当前浏览器的内核是什么(区分出ie6/7/8/ 火狐等)
案例4:一个事件可以被多个函数监听
案例5:防止用户通过点击鼠标右键菜单拷贝网页内容,选择网页内容
下篇文章为大家分享一个简单综合案例:简单的计算器,希望大家不要错过。
关于Javascript事件驱动编程远不止这些,希望本文所述对大家学习javascript程序设计有所帮助。
基于javascript实现简单计算器功能 本文实例为大家介绍javascript实现简单计算器功能的详细代码,分享给大家供大家参考,具体内容如下效果图:实现代码:htmlheadscriptfunctioncalc(event){//test
信息页文内画中画广告js实现代码(文中加载广告方式) 积木网小编就直接给代码了:!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""
js中利用tagname和id获取元素的方法 本文分享了js中利用tagname和id获取元素的3种方法,供大家参考,具体内容如下方法一:整体法,先获取所有的元素,再通过ai+-b的方法来算出需要的元素
友情链接: 武汉网站建设