js注册多个事件处理程序
2018-01-10 11:47
344 查看
function fn(){
//console.info(document.getElementById(“son”).parentNode); //直接父节点
//console.info(document.getElementById(“father”).childNodes); //直接子节点(包含text节点)
//console.info(document.getElementById(“father”).children); //直接节点,html标签
//console.info(document.getElementById(“father”).firstElementChild);
alert(“骚动起来!!!”);
}
function oldfn(){
alert(“沉闷家伙!!!”);
}
//使用onclick注册多个事件处理程序
//注册多个事件处理程序
var ele = document.getElementById(“div”);
ele.oldfn = oldfn;
//console.info(div.onclick);
addEvent(ele,”oldfn”,fn); // 执行此步操作,然后
function addEvent(element,event,fn) {
var oldfn = element[event];
if (typeof oldfn != “function”) {
console.info(typeof oldfn);
element[event] = fn;
}else{
element[event] = function() {
oldfn();
fn();
}
}
}
//ele.oldfn(); 释放可以出现注册的事件
//console.info(document.getElementById(“son”).parentNode); //直接父节点
//console.info(document.getElementById(“father”).childNodes); //直接子节点(包含text节点)
//console.info(document.getElementById(“father”).children); //直接节点,html标签
//console.info(document.getElementById(“father”).firstElementChild);
alert(“骚动起来!!!”);
}
function oldfn(){
alert(“沉闷家伙!!!”);
}
//使用onclick注册多个事件处理程序
//注册多个事件处理程序
var ele = document.getElementById(“div”);
ele.oldfn = oldfn;
//console.info(div.onclick);
addEvent(ele,”oldfn”,fn); // 执行此步操作,然后
function addEvent(element,event,fn) {
var oldfn = element[event];
if (typeof oldfn != “function”) {
console.info(typeof oldfn);
element[event] = fn;
}else{
element[event] = function() {
oldfn();
fn();
}
}
}
//ele.oldfn(); 释放可以出现注册的事件
相关文章推荐
- JS注册/移除事件处理程序(ExtJS应用程序设计实战)
- 【js学习笔记-091】-----------注册事件处理程序
- JS事件处理程序
- C#注册控件处理程序(SetConsoleCtrlHandler)函数示例 控制台关闭事件改写
- js 几种类型的事件处理程序
- js--事件--事件处理程序
- 微信小程序开发之checkbox以及js数据配置和事件处理
- HTML DOM 事件,可用于定义js在HTML元素中不同操作的处理程序
- js跨浏览器的事件处理程序
- JavaScript权威指南_162_第17章_事件处理_17.2-注册事件处理程序-设置JavaScript对象属性为事件处理程序
- 如何写一个跨浏览器的事件处理程序 js
- JS的事件处理程序
- JS——事件流与事件处理程序
- JS事件-事件处理程序之IE事件处理程序
- js高级——注册事件的兼容性处理
- JS事件处理程序的3中方式
- JS事件-事件处理程序-笔记总结ing...
- 原声js 的兼容(屏幕尺寸、事件处理程序、阻止事件冒泡、事件目标等等)
- 【js学习笔记-092】-----事件处理程序的调用
- Js事件详解(1)事件类型及几种添加事件处理程序的方法