                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /H5+JS+CSS3 实现圣诞情缘

addEventListener

page.addEventListener("change",function(e){

var pageElement = document.querySelector("." + e.target.value)

pageElement.style.zIndex = ++index;

},false) 这段代码改成下面的那样会有什么问题page.onchange=function(){

var pageElement = document.querySelector("." + e.target.value)

pageElement.style.zIndex = ++index;

}

溪墨潺

2016-02-25

源自：H5+JS+CSS3 实现圣诞情缘 4-1

关注问题我要回答

885

操作

收起

3 回答

炸十九x
2016-09-20

刚刚查了一下addEventListener对同一事件可以绑定多个执行函数，执行顺序与定义顺序一致；

onxxx事件绑定只会执行最后一个定义的函数

//层级
var index = 10;
//切换切换
page.addEventListener("change",function(e){
    //页面元素
    var pageElement = document.querySelector("." + e.target.value)
    pageElement.style.zIndex = ++index;
},false)
var tip = document.querySelector("#tip");
page.addEventListener('change',function(e){
    document.getElementById('tip').innerHTML=Math.random();
})

// page.onchange = function(e){
//     var pageElement = document.querySelector("." + e.target.value)
//     pageElement.style.zIndex = ++index;
// };
// page.onchange = function(){
//     document.getElementById('tip').innerHTML=Math.random();
// }