javascript 事件监听

发布网友发布时间：2022-05-01 18:50

我来回答

共4个回答

热心网友时间：2022-04-22 12:25

1、事件监听的定义

在Javascript中，浏览器一般分为两大类：

① 基于IE内核的浏览器（版本号小于9的IE浏览器）

② 基于W3C内核的浏览器（版本号大于9的IE浏览器、Firefox、Google等浏览器）

1）基本语法：基于IE内核浏览器

dom对象.attachEvent(type，callback，capture) ：为元素绑定事件监听程序

参数说明：

type：绑定的事件类型，如onclick、onmouseover、onmouseout

callback：事件的处理程序，通常是一个匿名函数

capture：使用的浏览器模型，冒泡模型与捕获模型，默认IE8以下的浏览器只支持冒泡模型！

2）基本语法：基于W3C内核的事件监听

dom对象.addEventListener(type，callback) ：为W3C内核浏览器绑定事件监听

参数说明：

type：绑定事件类型，不带’on’前缀，如click，mouseover，mouseout

callback：事件的处理程序，通常是一个匿名函数

3、总结事件监听的区别

IE内核的监听方式与W3C内核的监听方式：

①方式不同

IE内核的浏览器使用attachEvent进行绑定

W3C内核的浏览器使用addEventListener进行绑定

②参数不同

IE内核浏览器，其绑定方式一共有三个参数type，callback，capture（使用的浏览器模型）

W3C内核浏览器，其绑定方式一共有二个参数，type和callback

③type参数不同

IE内核的浏览器，type是需要添加’on’前缀的，如onclick

W3C内核浏览器，type是不需要添加’on’前缀的，如click

④触发顺序不同

IE内核的浏览器，其事件监听是先绑定后触发，后绑定的先触发

W3C内核的浏览器，其事件监听是先绑定先触发，后绑定的后触发

热心网友时间：2022-04-22 13:43

浏览器直接执行的过程就需要你告诉它某个事件发生时干什么好呢。<button onclick='A();' /> 就表示"你正在监听 click 事件", on 表示当事件发生时，这个名字叫得很容易理解了。

但这种写法一次只能放一个函数在上面，写成逗号隔开的也当成一个函数的函数体。像另一楼"三间房” 说的那样，用 attachEvent 可以将多个 event handler （监听函数) 添加到事件监听的队列中去，各自互不相干。

热心网友时间：2022-04-22 15:18

你是指attachEvent（或addEventListener）吗？
这么做最大的好处就是支持事件的多次监听，避免事件冲突，同时可以实现javascript与HTML的分离，符合无侵入编程的思想。
这么做跟后台没什么关系。

热心网友时间：2022-04-22 17:09

比如说一个页面上有什么东西,其中有一个按钮,按钮被点击,我们希望能够知道并做一些操作
这个就叫做按钮的点击事件监听
比如如下代码
按钮元素有一个onclick事件(就是点击事件)
当点击了执行函数DoClick
这就是上面的说的监听他的点击事件,并进行操作处理!(至于后台,比如说我点击了按钮,向后台提交一些数据如用户名密码等)

jsp/html代码:<input type="button" id="but" value="测试按钮" onclick="DoClick()">
javascript代码
<javascript>
function DoClick()
　{　　
　　alert('点击了按钮!希望对你有帮助!');　　
　}

</javascript>