JS BOM addEventListener()方法

最新推荐文章于 2024-11-15 19:51:40 发布

得陇望蜀

最新推荐文章于 2024-11-15 19:51:40 发布

阅读量197

点赞数 1

文章标签： javascript js html5

原文链接：https://www.bilibili.com/video/BV1Mx411m7fd?p=97

版权

addEventListener() 方法用来向指定元素添加句柄

基本语法：

addEventListener(event,function);

实例:

<body>
<button onclick="demo()">按钮</button>    
<script>        
	function demo() {            
	    document.addEventListener("click",hello);            
	}       
	function hello(){alert("hello")};        
	</script> 
</body>

浏览器显示：
在这里插入图片描述
当然有添加当然有去除，removeEventListener()方法即可去除指定元素句柄

基本语法：

removeEventListener(event,function);

实例

<body>
    <button onclick="demo()">按钮</button>    
    <script>        
     function demo() {            
        document.addEventListener("click",hello);                         
        document.removeEventListener("click",hello);            
    }        
    function hello(){alert("hello")};        
    </script>
</body>