JavaScript&jQuery.DOM事件监听器

DOM是事件监听器



DOM事件监听器予许一个事件触发多个方法,在实际工作中应用比较多。

<!DOCTYPE html>
<html>
<head>
<title>DOM事件监听器1</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<button id=‘a‘>按钮</button>
<script>
var elbtn = document.getElementById(‘a‘);
elbtn.addEventListener(‘click‘, msg, false);
function msg(){
alert("DOM事件监听器");
}
</script>
</body>
</html>



在监听器中调用到参数函数

<!DOCTYPE html>
<html>
<head>
<title>DOM事件监听器2</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<button id="a">按钮</button>
<script>
var elbtn = document.getElementById(‘a‘);
elbtn.addEventListener(‘click‘, function () {
say(‘DOM‘);
}, false);
function say(name) {
alert(‘你好,‘ + name + "!");
}
</script>
</body>
</html>

原文地址:https://www.cnblogs.com/H97042/p/9277675.html

时间: 2024-11-01 05:23:15

JavaScript&jQuery.DOM事件监听器的相关文章

JavaScript&amp;jQuery.DOM事件

DOM事件 在JavaScript中常见的事件有: UI事件,当与浏览器UI本身(而不是网页)交互时发生的事件. 鼠标事件,当用户操作鼠标.触控板.或触摸屏幕时发生. 键盘事件,当用户操作键盘时发生. 焦点事件,当一个元素(比如链接或表单)得到或失去焦点时发生. 表单事件,当用户与表单元素进行交互时发生. 变动事件,当用户修改了DOM结构(添加或删除元素节点)后发生. DOM事件如何触发javaScript代码 对象有属性.方法.事件 本质上他们是同一个东西:属性=方法=事件. 事件->方法->

JavaScript&amp;jQuery.DOM事件触发元素

事件触发元素 事件触发元素,也叫事件的目标,也叫事件对象,也就是与用户进行交互的具体元素. 在事件监听器中,事件触发元素会自动传递到监听器的函数中. <!DOCTYPE html><html> <head> <title>事件触发元素</title> <meta charset="UTF-8"> <meta name="viewport" content="width=devic

JavaScript&amp;jQuery.HTML5事件

HTML5事件 事件 说明 DOMContentLoaded 在DOM树形成后触发(与此同时,图片.CSS和JavaScript可能还在加载).在这个事件中,脚本运行要早于load事件,因为load事件会等待所有资源(比如图片或广告)加载完之后才触发.这种方式会让页面看起来加载速度更快. hashchange 当URL的hash值变化时(不会造成整个窗口刷新)触发.hash值通常在链接中用来指定不同的部分(也被称作为锚点),在使用AJAX加载的页面内容中也会被使用. beforeunload 当

DOM事件监听器

DOM事件监听器,允许一个事件触发多个方法.在实际工作中应用比较多. 它的调用形式如下: <body> <div> DOM事件监听器,允许一个事件触发多个方法. </div> <button id="an">按钮</button> <script> var elbtn=document.getElementById("an"); elbtn.addEventListener("clic

JavaScript&amp;jQuery.键盘事件

键盘事件 键盘事件,当用户操作键盘时发生. 常见的键盘事件有: input,当<input>或<textarea>元素的值发生变化时触发. keydonw,当用户按下键盘上的任意键时触发. keypress,当用户按下键盘上一个键并在屏幕上反映一个字符时触发. keyup,当用户松开键盘上一个键时触发. <html> <head> <title>TODO supply a title</title> <meta charset=

JavaScript基础—dom,事件

Js基础-DOM 1:dom:文档对象模型 Dom就是html页面的模型,将每个标签都作为一个对象,js通过调用dom中的属性,方法就可以对网页中的文本框,层等元素进行编程控制.Dom就是一些让javascript能操作html页面控件的类,函数. 这就是文档对象模型.按照xml文档的理解就可以. à页面中的属性,标签要是没有注明给那个对象,则统一时给window的,我们都可以通过window点击出来,进行操作,这个js中理解的一样.但是我们现在通过document.getElementById

JavaScript HTML DOM 事件

对事件做出反应 我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时. 如需在用户点击某个元素时执行代码,请向一个 HTML 事件属性添加 JavaScript 代码: onclick=JavaScript HTML 事件的例子: 当用户点击鼠标时 当网页已加载时 当图像已加载时 当鼠标移动到元素上时 当输入字段被改变时 当提交 HTML 表单时 当用户触发按键时 例子 1 在本例中,当用户在 <h1> 元素上点击时,会改变其内容: <h1 onclick

JavaScript HTML DOM事件

HTML DOM 使javaScript有能力对HTML事件作出反应. HTML事件的例子: 当用户点击鼠标时 当网页已加载时 当图像已加载时 当鼠标移动到元素上时 当输入字段被改变时 当提交HTML表单时 当用户触发按键时 HTML事件属性为HTML事件分配事件 <button onclick="displayDate()">点击这里</button> 使用HTML DOM 来分配事件 1 <script> 2 document.getElemen

javascript将DOM事件处理程序封装为event.js 出现的低级错误记录

将 DOM 0级事件处理程序和DOM2级事件处理程序 IE事件处理程序封装为eventUtil对象,达到跨浏览器的效果.代码如下: var eventUtil = { // 添加事件句柄 addEventHandler:function (element,type,handler) { if (element.addEventListener) { element.addEventListener(type, handler,false); }else if(element.attachEven