Dom事件

最新推荐文章于 2025-07-07 17:17:52 发布

原创最新推荐文章于 2025-07-07 17:17:52 发布 · 322 阅读

0 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许也可以转载。

Web笔记专栏收录该内容

9 篇文章

订阅专栏

onclick
<!DOCTYPE html>
<html>
  <head>
    <title>dom事件.html</title>
 
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    

  </head>
  
  <body>
  <input type="button" value="click here" id="one" />
  </body>
     <script type="text/javascript">
     //给id为one的 按钮添加事件的方法
     //方式1：
      //1：获得要添加的元素对象
    var one = document.getElementById("one");
     //2：添加事件函数属性
     one.onclick = function(){
      alert("conan");
     }
 </script>
</html>
    //方式2：

<!DOCTYPE html>
<html>
  <head>
    <title>dom事件.html</title>
 
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    

  </head>
  
  <body>
  <input type="button" value="click here" id="one" onclick="alert('ran')"/>
  </body>
     <script type="text/javascript">
    
   
 </script>
</html>

onblur

<!DOCTYPE html>
<html>
  <head>
    <title>dom事件.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  <body>
  <input type="text" id="one" />
  </body>
     <script type="text/javascript">
	var one = document.getElementById("one");
	
	one.onblur = function(){
		alert("失去焦点!");
	}
 //光标离开文本框
	one.onfocus = function(){
		alert("得到焦点!");		//光标闪烁在文本框
	}
   </script>
</html>