javaScript查询与事件

「爱情、让人受尽委屈。」 2022-06-13 08:46 116阅读 0赞

<!DOCTYPE html>  
<html lang="en">  
<head>  
 <meta charset="UTF-8">  
 <title>查询与事件</title>  
 <script type="text/javascript">  
 function nodeLayerTest() \{  
  var pNode =document.getElementById("select1");  
  var sNode1=pNode.firstChild;  
  var sNode2=pNode.lastChild;  
  var sNode3=sNode1.nextSibling;  
  alert(pNode.childNodes.length);  
  alert("sNode1:"+sNode1.innerHTML+"sNode2:"+sNode2.innerHTML+"snode3:"+sNode3.innerHTML);  
 \}  
 function tagNameTest() \{//根据tagname查找元素  
  var nodes=document.getElementsByTagName("option");  
  alert(nodes.length);  
 \}  
 function eventPopTest() \{  
  alert("你点击了按钮");  
   event.stopPropagation();  
 \}  
 function eventDiv() \{  
  alert("你点击了div");  
 \}  
 </script>  
</head>  
<select id="select1">  
  <option value="value1">篮球</option>  
  <option value="value2">足球</option>  
  <option value="value3">游泳</option>  
  <option value="value4">跆拳道</option>  
 </select>  
<body>  
 <input type="button" value="开始测试" οnclick="nodeLayerTest();">  
 <input type="button" value="tagName测试" οnclick="tagNameTest();">  
   
 <div id="div1" οnclick="eventDiv()">  
  <input type="button" value="冒泡事件" οnclick="eventPopTest()">  
 </div>  
   
</body>  
</html>

发表评论取消回复

表情：

评论列表（有 0 条评论，116人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript：事件源与事件流

事件源在事件中，当前操作的那个元素就是事件源。比如网页元素中 input 有 onclick 事件，当点击 input 发送 onclic 事件时，事件源就是 inpu

我会带着你远行/ 2023年01月17日 02:24/ 0 赞/ 207 阅读

相关 javaScript事件类型四（键盘与文本事件）

文本和键盘事件也是我们平常用的比较少的，在用户输入键盘的时候会触发键盘事件，回车的时候有可能会触发键盘和submit的文本事件；键盘事件键盘事件类型 keyd

女爷i/ 2022年09月23日 08:59/ 0 赞/ 226 阅读

相关 JavaScript 事件

第1章事件入门 JavaScript 事件是由访问 Web 页面的用户引起的一系列操作，例如：用户点击。当用户执行某些操作的时候，再去执行一系列代码。事件介绍

素颜马尾好姑娘i/ 2022年08月21日 09:48/ 0 赞/ 298 阅读

相关 javaScript查询与事件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>查询与事件</t

「爱情、让人受尽委屈。」/ 2022年06月13日 08:46/ 0 赞/ 117 阅读

相关【JavaScript】事件

举例：我用我的手指按开关灯亮了。三要素：事件源事件事件处理程序事件源要触发的对象

旧城等待，/ 2022年06月11日 09:07/ 0 赞/ 272 阅读

相关浅析JavaScript事件捕获与事件冒泡

一、什么是事件流？事件，是文档或浏览器窗口中发生的一些特定的交互瞬间。事件流，描述的是页面中接收事件的顺序。一个事件被触发后，一般会有三个不同的阶段：捕获阶段、目标

亦凉/ 2022年05月26日 12:30/ 0 赞/ 297 阅读

相关 JavaScript事件对象与事件委托

事件对象 event || window.event 用于IE 事件源对象: event.target 火狐独有的 event.srcElement Ie独有的

╰半橙微兮°/ 2022年05月19日 01:36/ 0 赞/ 313 阅读

相关 JavaScript-事件的冒泡与阻止

事件的冒泡是自下而上的触发事件，例如 <script> window.onload = function(){

╰半橙微兮°/ 2022年04月17日 06:57/ 0 赞/ 194 阅读

相关 javascript 事件查询综合

click() 对象.click() 使对象被点击。 closed 对象.closed 对象窗口是否已关闭true/false clearTimeout

古城微笑少年丶/ 2021年11月29日 11:14/ 0 赞/ 172 阅读

相关 javascript之事件捕获与冒泡

说到JavaScript的事件，就会牵扯到事件的捕获与冒泡两个概念。通过代码去理解 <div id="grand1"> 爷爷

一时失言乱红尘/ 2021年09月20日 00:04/ 0 赞/ 439 阅读