HTML DOM Event(事件)

最新推荐文章于 2021-08-19 16:10:54 发布
最新推荐文章于 2021-08-19 16:10:54 发布
阅读量611 收藏
点赞数
原文链接：http://www.cnblogs.com/jintian/p/11108935.html
版权

onfocus元素获得焦点　　onblur失去焦点

οnclick="fun(this)"　this代指所在标签对象

onload 页面内容加载完成才触发

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div class="v1">
    <div class="v2">dddd</div>
    <div class="v2">dddd</div>
    <div class="v2">dddd</div>
    <div class="v2">dddd</div>
    <div class="v2">dddd</div>
    <p id="p1">pppppp</p>
</div>

<script>
// function func(that) {
//     console.log(that)
//
//     console.log(that.previousElementSibling);
//     console.log(that.parentNode);

// }
    
//    var ele=document.getElementById("p1");
//    ele.οnclick=function () {
//        alert(123)
//    };

// 事件绑定2
   var ele2=document.getElementsByClassName("v2");


   for(var i=0;i<ele2.length;i++){
       ele2[i].onclick=function () {
           alert(555)
       }
   }
    
</script>
</body>
</html>
View Code

转载于:https://www.cnblogs.com/jintian/p/11108935.html

weixin_30239339
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html的DOM中Event对象onblur事件用法实例
09-03
主要介绍了html的DOM中Event对象onblur事件用法,实例分析了onblur事件的使用范围与对应的javascript使用技巧,需要的朋友可以参考下
JavaScript之DOM对象（Event事件）
Viewinfinitely的博客
05-11 576
文章目录一、Event事件汇总二、用法案例1、serche搜索框2、onload加载3、事件绑定——标签内4、事件绑定——JS接函数5、onsubmit表单提交6、事件传播 HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动一段 JavaScript。 一、Event事件汇总 onclick 当用户点击某个对象时调用的事件句柄。 ondblclick 当用户双击某个对象时调用的事件句柄。 onfocu
DOM（三）event事件
.
08-07 1874
交代一个例子<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>事件</title> <style type="text/css"> div {padding:40px;} #div1{background: red
JS--DOM_EVENT（事件）
qq_45762293的博客
12-01 257
JS–DOM_EVENT（事件） 事件就是指在页面上发生的事，他多数用于和用户的互动，页面加载等时候。下面列举了一些常见的事件类型： 鼠标事件 1、onclick 当鼠标点击某个元素时触发的事件。 2、ondblclick 当鼠标双击某个元素时触发的事件。 3、onmousedown 当鼠标按钮被按下时触发的事件。 4、onmouseup 当鼠标按键被松开时触发的事件。 5、onmousemove...
7.3 HTML DOM Event(事件)
weixin_30640769的博客
08-30 385
参考文档：https://www.cnblogs.com/yuanchenqi/articles/5980312.html HTML DOM Event(事件) onfocus 元素获得焦点。 //练习：输入框 onblur 元素失去焦点。 应用场景：用于表单验证,用户离开某个输入框时,代表已经输入完了,我们可以对...
DOM事件类型、event对象，最详解析。
热门推荐
LeslieCheung_的博客
05-11 1万+
目录事件对象（一）DOM中的事件对象⑴ 示例⑵ 所有事件都有的event对象的属性和方法① currentTarget | this | targer 的区别 事件对象 在触发DOM上的某个事件时，会产生一个事件对象event，这个事件对象包含着所有与事件有关的信息，例如事件是冒泡还是捕获，事件的目标，鼠标坐标，键盘按下的键，等等信息，不要太好用 下面一起来看看event事件对象都有哪些内容吧。 （一）DOM中的事件对象 兼容DOM的浏览器会将一个event对象传入到事件处理程序中。无论DOM0
js HTML DOM EventListener功能与用法实例分析
10-15
主要介绍了js HTML DOM EventListener功能与用法,结合实例形式分析了js HTML DOM EventListener事件监听相关用法及操作注意事项,需要的朋友可以参考下
JavaScript HTML DOM EventListener
01-19
JavaScript HTML DOM EventListener addEventListener() 方法 实例 在用户点击按钮时触发监听事件： document.getElementById(myBtn).addEventListener(click, displayDate); addEventListener() 方法用于向...
html的DOM中Event对象onabort事件用法实例
09-03
主要介绍了html的DOM中Event对象onabort事件用法,实例分析了onabort事件的适用范围与对应的javascript使用技巧,需要的朋友可以参考下
DOM Event（事件）对象
tian_to_tian的博客
08-19 1208
一、什么是事件 事件：就是与浏览器交互的瞬间。 事件的作用：通过事件去驱动（触发）程序，从而实现一些特定的操作。 二、事件流 事件流：指页面中执行事件的顺序 分类： 1、事件冒泡流：点击的具体的元素向最不具体的元素，一层一层的向上冒泡 点击的元素 -> body -> html -> document -> window 2、捕获流：从最不具体的元素到最具体的元素，一层一层的向下捕获 window -> document -> html -> bo
HTML_DOM_Event(添加事件处理程序的多种方式、常见事件案例以及事件监听器)
qq_30906791的博客
10-22 581
HTML DOM允许您在事件发生时执行代码。 The HTML DOM allows you to execute code when an event occurs. Events are generated by the browser when “things happen” to HTML elements: - An element is clicked on - The page has loaded - Input fields are changed ...
JS（七）：JS的DOM节点、Event（事件）
白骨梦儿
06-21 1534
一、什么是DOM DOM是W3C(万维网联盟)的标准。DOM定义了访问HTML和XML文档的标准。 "W3C文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容，结构和样式。" W3C DOM标准被分为3个不同的部分： 核心DOM-针对任何结构化文档的标准模型 XML DOM-针对XML文档的标准模型 HTML DOM-针对HTML文档的标准模型 ...
2021-05-18
y4418的博客
05-18 119
HTML DOM Event 键盘事件 开发工具与关键技术： Dw、JS 作者： 撰写时间：2021/5/8 首先先了解一下JS JS的全称是 JavaScript JavaScript 是世界上最流行的编程语言。 这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 Event 对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件...
js鼠标事件
weixin_33947521的博客
06-23 140
属性 此事件发生在何时... IE F O W3C onabort 图像的加载被中断。 4 1 9 Yes onblur 元素失去焦点。 3 1 9 Yes onchange 域的内容被改变。 3 1 9 Yes onclick 当用户点击某个对象时调用的事...
HTML DOM Event 对象
忘川
05-06 286
API 事件属性 此事件发生在何时... onabort 图像的加载被中断。 onblur 元素失去焦点。 onchange 域的内容被改变。 onclick 当用户点击某个对象时调用的事件句柄。 ondblclick 当用户双击某个对象时调用的事件句柄。 onerror 在加载文档或图像时发生错误。 onfo...
DOM对象(DHTML)与HTML DOM Event(事件)
Henry_Lv的博客
05-08 491
什么是 DOM？DOM 是 W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准："W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。"DOM 节点整个文档是一个文档节点(document对象)每个 HTML 元素是元素节点(element 对象)HTML 元素内的文本是文本节点(text对象)每个 HTML...
Event 事件对象 冒泡与捕获机制
海胆的博客
06-13 141
但有时候并不希望事件冒泡（事件影响到上级） 可使用 stopPropagation() / stopImmediatePropagation()嵌套的元素事件处理函数可能会依次被触发，触发的顺序取决于 事件冒泡 和 事件捕获 在每一个元素上的设置情况。event.stopImmediatePropagation 阻止相同事件的其他事件监听器的执行。在现代浏览器中，默认情况下，所有事件处理程序都在冒泡阶段进行注册。嵌套元素 同时触发相同事件 ，事件执行的逻辑。事件监听器 = 事件处理器。
Javascript----HTML DOM 事件
iteye_6125的博客
06-18 473
HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 事件通常与函数结合使用，函数不会在事件发生前被执行！ [b]注：DOM： 指明使用的 DOM 属性级别。[/b] [b]1.鼠标事件[/b] 属性 描述 DOM [u]onclick ...
DOM：dom事件对象event
weixin_46682277的博客
03-25 458
event就是一个事件对象，写到监听函数里，小括号内，当形参来看； event只有有了事件才会存在的，是系统默认自动创建的，不需要传递实参； event事件对象，是一系列数据的集合，是和事件相关的，比如鼠标点击事件，event内就包含了鼠标的相关信息；如果是键盘事件，event内就包含了键盘的相关信息。 <button>按钮</button> <script> var btn = document.querySelector("button"); btn.addE.
怎么把dom对象变成事件对象
最新发布
05-05
将DOM对象转换为事件对象需要使用事件委托。事件委托是将事件处理程序添加到其父元素上，而不是将其添加到每个子元素上。当事件被触发时，它会冒泡到其父元素，从而触发事件处理程序。在事件处理程序内部，可以通过...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值