Javascript的事件驱动

Javascript基于事件驱动
事件处理：
1.发生事件
2.启动事件处理程序（通过事件处理器触发）
3.事件处理程序作出反应

事件的调用（都是通过事件处理器调用）
1.在HTML中调用

<input name="save" type="button" value="保存" onclick="alert('Click the button');" />

2.在Javascript中调用

<input id="save" type="button" />
<script>
var b=document.getElementById("save");
b.onclick=function(){alert("Click the button");
}
</script>

在上面代码中，一定要把Javascript脚本放在元素标记的下面，因为Javascript语言是解释型语言，执行顺序是按顺序逐行执行，只有这样变量b才能获取到元素标记对象

在浏览器中，事件对象是window对象的一个属性event，作用是在事件被触发时，获取触发事件的对象，在IE浏览器中，事件对象真正包含在even的srcElement属性中；在DOM浏览器中（非IE浏览器中），事件对象真正包含在event的target属性中

function someHandle(){var oEvent;if(window.event==true){  //判读是否存在事件对象oEvent=window.event;}var oTarget;if(oEvent.srcElement==true){oTarget=oEvent.srcElement; //IE浏览器}else{oTarget=oEvent.target;  //DOM浏览器}alert(oTarget.tarName); //弹出目标对象的标记名称
}
window.onload=function(){var oImg=document.getElementsByTagName("img")[0]; //获取一组name为img的标记的第一个
oImg.onclick=someHandle();
}

Javascript的事件驱动相关推荐

【JS】JavaScript的事件驱动和处理
目录事件鼠标触发键盘触发页面触发表单触发事件驱动事件处理程序调用方法作为HTML标记的属性作为对象的属性值事件用户和web页面交互产生的动作,包括:鼠标触发.键盘触发.页面触发. ...
事件驱动的javascript
首先来看看这样一个应用场景,网页上有个链接,比如说高级搜索,点击以后会出现一个搜索面板.由于面板里有很多搜索字段,而这些搜索字段又有很多数据,因此决定采用异步来加载该搜索面板.以jQuery为例,代码 ...
Javascript社区是时候接受async/await语法了
由于Javascript是一个单线程语言,大量的API都是异步实现的.异步代码有一个很讨厌的问题,会传染.当你在一个函数中使用一个异步API时,你需要通过回调执行后续的逻辑,而当外层逻辑使用这个函数并 ...
JavaScript的基础学习篇
在学习JavaScript之前,我们应该先认识一下什么是脚本语言(Scripting Language)? 脚本语言就是一种简单的程序.在运行之前不需要先进行编译,所有的代码都是在客户程序中直接被执行 ...
互联网公司前端初级Javascript面试题
互联网公司前端初级Javascript面试题 1.JavaScript是一门什么样的语言,它有哪些特点?(简述javascript语言的特点) JavaScript是一种基于对象(Object)和事件 ...
javascript一个重要知识点：事件。
javascript是事件驱动的,那什么是事件?事件就是在javascript中被侦测到DOM元素行为,就称之为javascript事件. 2.事件的三个阶段事件的三个阶段分别为: 1.捕获阶段 2 ...
JavaScript中错误正确处理方式，你用对了吗？
JavaScript的事件驱动范式增添了丰富的语言,也是让使用JavaScript编程变得更加多样化.如果将浏览器设想为JavaScript的事件驱动工具,那么当错误发生时,某个事件就会被抛出.理论上 ...
Typescript 和 Javascript之间的区别
JavaScript 和 TypeScript 的概要介绍 JavaScript JavaScript 是一种轻量级的解释性脚本语言,可嵌入到 HTML 页面中,在浏览器端执行,能够实现浏览器端丰富的 ...
JavaScript中错误正确处理方式，你用对了吗？ 1
JavaScript的事件驱动范式增添了丰富的语言,也是让使用JavaScript编程变得更加多样化.如果将浏览器设想为JavaScript的事件驱动工具,那么当错误发生时,某个事件就会被抛出.理论上 ...

Javascript的事件驱动

Javascript的事件驱动相关推荐

最新文章

热门文章