mousedown mouseup focus click事件的触发顺序测试

最新推荐文章于 2024-01-23 16:56:48 发布

coder_xsy

最新推荐文章于 2024-01-23 16:56:48 发布

阅读量2.7k

点赞数 1

分类专栏： JavaScript 文章标签： javascripts onclick

本文链接：https://blog.csdn.net/xiongshiyuan/article/details/79811260

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

 
  <!doctype html 
  > 
 
 
  < 
  html 
  > 
 
 
  < 
  head 
  > 
 
 
  < 
  title 
  >test 
  </ 
  title 
  > 
 
 
  </ 
  head 
  > 
 
 
  < 
  body 
  > 
 
 
  < 
  a 
  id= 
  "link" 
  href= 
  "#" 
  >点击一下进行测试 
  </ 
  a 
  > 
 
 
  < 
  ul 
  id= 
  "tip" 
  > 
 
 
  < 
  li 
  >显示mousedown mouseup click focus事件的触发顺序 
  </ 
  li 
  > 
 
 
  </ 
  ul 
  > 
 
 
 
 
  < 
  script 
  type= 
  "text/javascript" 
  > 
 
 
  var 
  a= 
  document. 
  getElementById( 
  "link"); 
 
 
  a. 
  onclick= 
  function(){ 
 
 
  var 
  newele= 
  document. 
  createElement( 
  "li"); 
 
 
  newele. 
  innerText= 
  "onclick"; 
 
 
  var 
  ele= 
  document. 
  getElementById( 
  "tip"); 
 
 
  ele. 
  appendChild( 
  newele); 
 

   }; 
 
 
  a. 
  onfocus= 
  function(){ 
 
 
  var 
  newele= 
  document. 
  createElement( 
  "li"); 
 
 
  newele. 
  innerText= 
  "onfocus"; 
 
 
  var 
  ele= 
  document. 
  getElementById( 
  "tip"); 
 
 
  ele. 
  appendChild( 
  newele); 
 

   }; 
 
 
  a. 
  onmousedown= 
  function(){ 
 
 
  var 
  newele= 
  document. 
  createElement( 
  "li"); 
 
 
  newele. 
  innerText= 
  "onmousedown"; 
 
 
  var 
  ele= 
  document. 
  getElementById( 
  "tip"); 
 
 
  ele. 
  appendChild( 
  newele); 
 

   }; 
 
 
  a. 
  onmouseup= 
  function(){ 
 
 
  var 
  newele= 
  document. 
  createElement( 
  "li"); 
 
 
  newele. 
  innerText= 
  "onmouseup"; 
 
 
  var 
  ele= 
  document. 
  getElementById( 
  "tip"); 
 
 
  ele. 
  appendChild( 
  newele); 
 

   }; 
 
 
 
 
  < 
  / 
  script 
  > 
 
 
  </ 
  body 
  > 
 
 
  </ 
  html 
  > 
 
 
  
 
 