JS事件参考手册

事件注册

1、直接在html中写js代码

<input type=“button” οnclick=“alert(‘aaa’);”/>
2、定义一个函数赋值给html中元素的on_xxx_属性

<input type=“button” οnclick=“f1();”/>
3、通过javascript注册

document.getElementById(‘btn’).οnclick=f1;
document.getElementById(‘btn’).οnclick=function(){};
4、特殊事件onload

οnlοad=function(){};//在页面加载后再执行

事件监听

绑定事件的另一种方法是用 addEventListener() 或 attachEvent() 来绑定事件监听函数。

element.addEventListener( event, function, useCapture )

参数介绍
event(必需)事件名,支持所有DOM事件 。
function(必需)指定要事件触发时执行的函数。
useCapture(可选)指定事件是否在捕获或冒泡阶段执行。true,捕获。false,冒泡。默认false。
例子:document.getElementById("btn1").addEventListener("click",hello)
//注:IE8以下不支持。

事件句柄

HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,这些属性可插入 HTML 标签来定义事件动作。

完整: https://www.runoob.com/jsref/dom-obj-event.html

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 简介   JavaScript 是网景(Netscape)公司开发的一种基于客户端浏览器、面向(基于)对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。 JavaScript的特点: 简单、易学、易用; 跨平台;IE、Navigator 符合ECMA(欧洲计算机制造协会)标准,可移植; 事件驱动式的脚本程序设计思想; 动态、交互式的操作方式。 JavaScript的作用: 交互式操作; 表单验证; 网页特效; Web游戏 服务器脚本开发等。 JavaScript的编写环境:文本编辑器 JavaScript的执行平台:Web浏览器 JavaScript的执行方式:解释执行(由上而下) JavaScript的版本:JavaScript1.0——JavaScript1.4 浏览器对JavaScript的支持: JavaScript/IE3.0、JavaScript1.2/IE4.0; 微软允许用户自行设置对JavaScript处理模式。 JavaScript与Java、VBScript、JScript的关系:    JavaScript与Java的区别体现在:    首先,它们是两个公司开发的不同的两个产品,Java是SUN公司推出的新一代面向对象的程序设计语言,特别适合于Internet应用程序开发;而JavaScript是Netscape公司的产品,其目的是为了扩展Netscape Navigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。    其次,JavaScript是基于对象的,而Java是面向对象的,即Java是一种真正的面向对象的语言,即使是开发简单的程序,必须设计对象。JavaScript是种脚本语言,它可以用来制作与网络无关的,与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。    第三,两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真器或解释器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户,由浏览器解释执行。    第四,两种语言所采取的变量是不一样的。Java采用强类型变量检查,即所有变量在编译之前必须作声明。JavaScript中变量声明,采用其弱类型。即变量在使用前不需作声明,而是解释器在运行时检查其数据类型。    第五,代码格式不一样。Java是一种与HTML无关的格式,必须通过像HTML中引用外媒体那么进行装载,其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式,可以直接嵌入HTML文档中,并且可动态装载。编写HTML文档就像编辑文本文件一样方便。    第六,嵌入方式不一样。在HTML文档中,两种编程语言的标识不同,JavaScript使用<script>...</script>来标识,而Java使用<applet> ... </applet> 来标识。    第七,静态绑定和动态绑定。Java采用静态联编,即Java的对象引用必须在编译时的进行,以使编译器能够实现强类型检查,如不经编译则就无法实现对象引用的检查。JavaScript采用动态联编,即JavaScript的对象引用在运行时进行检查。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值