javascript监听事件兼容

	function addEvent(el ,type ,fn){
		if(el.addEventListener){
			el.addEventListener(type,fn,false);
		}else if(el.attachEvent){
			el.attachEvent(‘on‘+type,fn);
		}else{
			el[‘on‘+type] = fn;
		}
	}

    function alertIndex(){
    	alert(2);
    }
    addEvent(ipt[0],‘click‘,function(){
    	alert(1)
    });
    addEvent(ipt[0],‘click‘,alertIndex);

  

时间: 2024-10-31 03:50:17

javascript监听事件兼容的相关文章

javascript事件有哪些?javascript的监听事件

1 事件类型: 2 1.界面事件 3 onload:描述文档,图片,css已经frame,object加载完毕时触发,window.onload 4 window.onload = function(){ 5 //代表图片,dom元素,iframe,css加载完毕以后 6 //才触发的事件 7 } 8 $(function(){ 9 //dom css js 初始化就加载事件 10 //调用了图片的unload事件 11 }); 12 13 onunload:移除加载事件 14 onabort:

JAVAscript学习笔记 js句柄监听事件 第四节 (原创) 参考js使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>句柄添加监听事件</title> <script type="text/javascript" src="tzy.js"></script> </head> <body>

JS过渡结束监听事件及使用自定义事件解决兼容问题的方法

1.JS过渡结束监听事件 2.自定义事件解决兼容问题 原文地址:https://www.cnblogs.com/liu-web-bew/p/9345478.html

js html 交互监听事件学习

事件处理程序(handler): HTML事件处理程序: <input type="button" value="Click Here" onclick="showMessage();" /> <script type="text/javascript"> function showMessage() { alert('Clicked!'); } JavaScript指定事件处理程序: <inpu

关于AngularJs中监听事件及脏循环的理解

可能很多刚入行或者刚学习的前端对于AngularJs中的一些事件或者概念感觉不理解或者没有思路,今天让我们一起来剖析一下AngularJs中的一些事件. AngularJs中对于的监听事件会用到一个scope函数$watch,它包含了三个参数,首先我们在概念上来了解一下: $watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你. $watch(watchExpression, listener, objectEquality); 每个参数的说明如下: watchE

Vue 为什么在 HTML 中监听事件?

为什么在 HTML 中监听事件? 你可能注意到这种事件监听的方式违背了关注点分离(separation of concern)传统理念.不必担心,因为所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewModel 上,它不会导致任何维护上的困难.实际上,使用 v-on 有几个好处: 扫一眼 HTML 模板便能轻松定位在 JavaScript 代码里对应的方法. 因为你无须在 JavaScript 里手动绑定事件,你的 ViewModel 代码可以是非常纯粹的逻辑,和 DOM

js中的监听事件总结

javascript事件与功能说明大全:http://tools.jb51.net/table/javascript_event 1.滚动条监听事件 例:监听滚动条距离页面顶端距离 1 <script type="text/javascript"> 2 window.onscroll= function(){ 3 //变量t是滚动条滚动时,距离顶部的距离 4 var t = document.documentElement.scrollTop||document.body.

vue v-on监听事件

在html或jsp页面中我们总能碰到监听DOM事件来触发javaScript代码,下面我们就简单聊聊Vue.js中的监听事件是怎么处理的. 在vue.js中监听事件是通过v-on指令来实现的,先看一下简单的监听事件代码. 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title>

浅谈postMessage多页面监听事件

最近做了一个Echarts和Highcharts多图多页面连动的效果,就用到postMessage 如下介绍: 最开始在最外围的页面也就是所有页面的父级页面添加postMessage监听事件以便监听下面子级页面的动态,代码: window.parent.addEventListener('message',function(e){ if(e.source != window.parent) return; var names = localStorage.getItem("toName"