资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

javascript绑定事件的方法是什么

本篇内容介绍了“javascript绑定事件的方法是什么”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

成都创新互联公司专注于柳城网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供柳城营销型网站建设，柳城网站制作、柳城网页设计、柳城网站官网定制、小程序开发服务，打造柳城网络公司原创品牌,更为您提供柳城网站排名全网营销落地服务。

绑定方法：1、直接在标签中使用“onclick”属性绑定事件；2、使用“对象.onclick=function(){事件}”语句绑定事件；3、使用“对象.attachEvent('click',function(){事件})”语句绑定事件。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript绑定事件的方法

首先，我先来介绍我们平时绑定事件的三种方法。

1.直接在标签中绑定事件

按钮

2.使用JavaScript对象绑定事件

按钮

3.事件监听

按钮

扩展资料：###事件委托

对“事件处理程序过多”问题的解决方案就是事件委托。事件委托利用了事件冒泡，只制定一个事件处理程序，就可以管理某一类型的所有事件。例如click事件一直会冒泡到document层。也就是我们可以只指定onclick事件处理程序，而不必给每个事件分别添加处理程序。

下面我们来看一个阿里巴巴笔试题的例子。

javascript绑定事件的方法是什么

样式以及DOM结构

 




	
	  序号
姓名
性别
电话号码省份操作          
  • 1张三男13788888888浙江删除
    •      
  • 2李四女13788887777四川删除
    •      
  • 3王二男13788889999广东删除
    •        

    **不用事件委托。**而这种方法造成的代价是，性能的大量浪费。如果是成千上万条数据，页面将会严重卡顿，甚至崩溃。

    function Contact(){
    this.init();
}
	

Contact.prototype.init = function(){
	var userdel = document.querySelectorAll('.user-delete');
	for(var i=0;i
    使用事件委托，只绑定一次事件，大大减少了性能的损耗。也是在需要大量事件处理程序中一种非常好的解决方式。
    function Contact(){
    this.init();
}
	
Contact.prototype.init = function(){
	var lis = document.querySelector('#J_List');
	lis.addEventListener('click', function(e){
		var target = e.target || e.srcElement;
		if (!!target && target.className.toLowerCase()==='user-delete') {
		}
	})
}

new Contact();
    “javascript绑定事件的方法是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！
                
            
                        
    
            文章标题：javascript绑定事件的方法是什么            
    
            分享网址：http://cdkjz.cn/article/jidosd.html
        
        
    
            返回首页
            了解更多建站资讯
        
    
    


    
    
    相关资讯
    
    
    
        
    
    

    

    
    
    
        
    
            
    
                多年建站经验
            
    
            
    
                
    多一份参考，总有益处
    
                
     联系快上网，免费获得专属《策划方案》及报价
    
                
    
                    
    咨询相关问题或预约面谈，可以通过以下方式与我们联系
    
                    
    业务热线：400-028-6601 / 大客户专线   成都：13518219792
                          座机：028-86922220
                    
    
                
    
            
    
        
    
        
    
            在线咨询
            提交需求
        
    
    
    

    

    
    
    
        
    
            
    
                友情链接
                交换友情链接
            
    
            
    
                
    
                    成都app软件开发关键词优化成都租用服务器java虚拟主机巴中倍辉科技app网站建设四川绵阳机房亚克力背部发光字成都网站制作西部信息中心                
    
            
    
        
    
    
    
    
    
        
    
            
    成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询400-028-6601
    
            
    
                成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
    
            
    专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图