zoukankan      html  css  js  c++  java
  • 事件监听和事件概念

    <!--return false阻止行为--> 例如:

    <a href="https://www.baidu.com/" onClick="return false">点击我</a>

    只是用来阻止行为,不可跳转,但是不能阻止属性。

    第二种添加事件方法:

    <script type="text/javascript">
    	function show(){
    		alert("你点击了我!");
    	}
    	//第二种添加事件方法
    	document.getElementById("mytest1").onclick=show;
    	
    </script>
    <button type="button" id="test2" onClick="show()"><b>测试2</b></button>
    

     标准DOM中的事件监听方法:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>标准DOM中的事件监听方法</title>
    <script type="text/javascript">
    	 function show(){
    		 alert("你点击我了");
    	 }
    	//取消
    	function concel(){
    		//[object].removeEventListener(“事件类型”,”处理函数”,”冒泡事件或捕获事件”);
    		var bt1=document.getElementById("mytest1");
    		bt1.removeEventListener("click",show,false);
    	}
    	window.onload=function(){
    			//[object].addEventListener(“事件类型”,”处理函数”,”冒泡事件或捕获事件”);
    			var bt1=document.getElementById("mytest1");
    			bt1.addEventListener("click",show,false);
    		    //获取测试2按钮
    		    var bt2 = document.getElementById("mytest2");
    		    bt2.addEventListener("click",concel,false);
    	}
      
    </script>
    </head>
    
    <body>
    	<input type="button" value="测试1" id="mytest1">
    	<button type="button" id="mytest2"><b>测试2</b></button>
    </body>
    </html>
    

      标准的DOM监听事件方法,可以省略吊“on” 例如:click mouseover

    常见的事件类型:

    onlick:鼠标单击事件(常用)

    ondblclick:鼠标双击事件

    众多属性可查询编辑!

  • 相关阅读:
    算法——基础
    递归函数
    docker常用命令
    vue——计算属性和侦听器
    vue——指令系统
    vue——介绍和使用
    webpack、babel模块、模块化
    Nodejs介绍及npm工具使用
    ECMAScript 6简介
    easyui(入门)
  • 原文地址:https://www.cnblogs.com/awdsjk/p/10724132.html
Copyright © 2011-2022 走看看