HTML DOM Event(事件)

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)
//    };// 事件绑定2var 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

HTML DOM Event(事件)相关推荐

[DOM Event Learning] Section 2 概念梳理什么是事件 DOM Event
[DOM Event Learning] Section 2 概念梳理什么是事件 DOM Event 事件事件(Event)是用来通知代码,一些有趣的事情发生了. 每一个Event都会被一个Eve ...
JavaScript之DOM对象（Event事件）
文章目录一.Event事件汇总二.用法案例 1.serche搜索框 2.onload加载 3.事件绑定--标签内 4.事件绑定--JS接函数 5.onsubmit表单提交 6.事件传播 HTML ...
Javascript Event事件-总结
一.事件类型例如:mouseover鼠标移动到.keydown键盘按下二.事件目标是发生的事件或与之相关的对象,window.document和Element对象是最常见的事件目标三.事件对象 ...
javascript系列之DOM(三)---事件
javascript系列之DOM(三)---事件原文:javascript系列之DOM(三)---事件事件是javascript跳动的心脏,是DOM所有成分结合的万金油.当我们在WEB 上进行某些 ...
HTML DOM Event对象
我们通常把HTML DOM Event对象叫做Event事件事件驱动模型事件源:(触发事件的元素)事件源对象是指event对象其封装了与事件相关的详细信息. 当事件发生时,只能在事件函数内部访问 ...
HTML DOM教程 21-HTML DOM Event 对象
HTML DOM教程 21-HTML DOM Event 对象 1:Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件通常与 ...
WebKit DOM Event (一)
DOM Event 规范 DOM Event 主要定义了三类接口: EventTarget, 所有DOM节点和XMLHttpRequest 都实现EventTarget接口 class EventTa ...
Angular如何响应DOM event
To bind to a DOM event, surround the DOM event name in parentheses and assign a quoted template stat ...
addEventListener 的event事件列表
addEventListener event事件参数 document.getElementById("myBtn").addEventListener("click&q ...
Event事件-1:addEventListener事件监听 / 事件冒泡事件捕获 / 事件委托 / preventDefault 阻止默认行为 / cancelBubble、stopPropa...
addEventListener 事件监听器 target.addEventListener(type, listener[, options|useCapture]) 添加事件监听参数: ...

HTML DOM Event(事件)

HTML DOM Event(事件)相关推荐

最新文章

热门文章