跨浏览器事件处理程序

wanwanwandj 2019-12-28 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>跨浏览器事件处理程序</title>
    <!-- 针对IE8及以下版本 -->
</head>
<body>
    <script>
        //添加事件
        function addHandler(element,type,handler){
            //element:事件对象
            //type:事件类型
            //handler:事件句柄
            if (element.addEventListener){  //判断浏览器是否支持该语句（chrome/opera/IE9支持）
                element.addEventListener(type,handler,false);
            }else if(element.attachEvent){  //判断浏览器是否支持该语句（IE8及以下版本支持）
                element.attachEvent("on"+type,handler);
            }else{
                element["on"+type]=handler;//以上两种都不支持时，执行DOM0级事件
            }
        }
        //移除事件
        function removeHandler(element,type,handler){
            if (element.removeEventListener){     //判断浏览器是否支持该语句（chrome/opera/IE9支持）
                element.removeEventListener(type,handler,false);
            }else if(element.detachEvent){      //判断浏览器是否支持该语句（IE8及以下版本支持）
                element.detachEvent("on"+type,handler);
            }else{
                element["on"+type]=handler;//以上两种都不支持时，执行DOM0级事件
            }
        }
    </script>
    <!-- 测试效果 -->
    <button id="btn">点击</button><!-- 创建按钮 -->
    <script>
        var btn=document.getElementById("btn");//获取按钮
        //事件句柄
        var tan=function (){
            alert("弹框");
        }
        addHandler(btn,"click",tan);//调用添加事件函数
        removeHandler(btn,"click",tan);//调用移除事件函数
    </script>
</body>
</html>
wanwanwandj

wanwanwandj

相关推荐

详解Golang开启http服务的三种方式

HandleFunc接受两个参数，第一个为路由地址，第二个为处理方法。查看标准库源码，v1版本实际上是调用了handle方法,传入的HandlerFunc实现了Handler的ServeHTTP方法，实际上是ServeHTTP在做http请求处理。在go1

bearhoopIT之道 / 0评论 2020-08-16

浅谈柯里化函数

首先看看柯里化到底是什么？维基百科上说道：柯里化，英语：Currying，是把接受多个参数的函数变换成接受一个单一参数的函数，并且返回接受余下的参数而且返回结果的新函数的技术。看这个解释有一点抽象，我们就拿被做了无数次示例的add函数，来做一个简单的实现。

Kakoola / 0评论 2020-08-01

Spring Boot学习----拦截器

定义拦截器，只需要实现 HandlerInterceptor 接口。该接口中有三个方法： preHandle(……) 方法可以决定是否将请求放行，这是通过返回值来决定的，返回 true 则放行，返回 false 则不会向后执行。) 被成功执行后并且返回 t

凯哥Java / 0评论 2020-07-04

SpringMVC学习之使用注解编写SpringMVC程序

Spring的web框架围绕DispatcherServlet设计。DispatcherServlet的作用是将请求分发到不同的处理器。从Spring 2.5开始，使用Java 5或者以上版本的用户可以采用基于注解的controller声明方式。Dispa

haidaoxianzi / 0评论 2020-07-04

JQuery之事件

- blur 失去焦点事件。- mouseenter 鼠标进入事件。- change 改变事件，如：文本框值改变，下拉列表值改变等。- keydown 键盘按下事件。最早采用的是 bind、delegate等方式绑定的。jQuery 1.7版本后，jQue

delmarks / 0评论 2020-06-28

Dubbo-服务消费者远程调用

* 这里输入编号 3，让 Arthas 关联到启动类为 com.....Consumer 的 Java 进程上。* 3. 由于 Demo 项目中只有一个服务接口，因此此接口的代理类类名为 proxy0，此时使用 sc 命令搜索这个类名。public cla

aNian / 0评论 2020-06-16

剖析SpringMVC流程与整合(八)

用户向服务器发送请求, 请求被SpringMVC前端控制器DispatcherServlet捕获.DispatcherServlet对请求URL进行解析, 得到请求资源标识符, 判断请求URI对应的映射.若没配置, 则控制台报映射找不到, 客户端显示404

qingjiuquan / 0评论 2020-06-07

一个多线程Reactor模型的Bug：线程安全一定要把构造方法考虑在内

　　1.在堆内存开辟内存空间。　　2.在堆内存中实例化Car里面的各个参数。　　为了提高运行效率，编译器在编译代码时可能会对指令进行重排序。重排序的原则是，保证单线程执行结果的正确性，并遵循 happen-before 原则。　　指令间的依赖关系包括数据依

fraternityjava / 0评论 2020-06-04

八.django日志配置

Django 使用Python 内建的logging 模块打印日志，Python 的logging 配置由四个部分组成：。日志级别表示该logger 将要处理的消息的严重性。CRITICAL：表示出现一个致命的问题。每个日志记录还可以包含描述正在打印的事件

明瞳 / 0评论 2020-06-04

django5

# 你自己不要修改源码 除了bug很难找?

zcpHappy / 0评论 2020-06-01

Springmvc拦截器

拦截器可以在控制层Controller方法前后执行对应的操作，以实现登录拦截，权限控制等功能。1）编写拦截器，实现HandlerInterceptor接口；*handler:请求的对象，如果是控制层请求，则为HandleMethod对象，可通过该对象获取控

HappyHeng / 0评论 2020-05-28

MVVM WPF 简化 类的开发

{. private string name;public string Name. {. get { return name; }. set { this.SetProperty(ref name, value); }. }

88473166 / 0评论 2020-05-14

python使用httpHandler处理请求案例

HttpHandler是一个HTTP请求的真正处理中心，也正是在这个HttpHandler容器中，python才真正地对客户端请求的服务器页面做出编译和执行，并将处理过后的信息附加在HTTP请求信息流中再次返回到HttpModule中

zkwgpp / 0评论 2020-05-07

python日志模板

# %s字符串形式的当前时间。默认格式是 “2003-07-08 16:49:45,896”。逗号后面的是毫秒。file_path = os.getcwd() + "/logs/" + pform + "/" + f

oXiaoChong / 0评论 2020-05-07

Android之Handler消息传递机制详解zz

在Android开发中,多线程应用是非常频繁的,其中Handler机制随处可见.Handler是一套在 Android开发中 进行异步消息传递的机制。在Android开发中多线程的应用中，将工作线程中需更新UI的操作信息 传递到 UI主线程，从而实现 工作

ChainDestiny / 0评论 2020-05-07

Android Handler 消息机制原理解析

做过 Android 开发的童鞋都知道，不能在非主线程修改 UI 控件，因为 Android 规定只能在主线程中访问 UI ，如果在子线程中访问 UI ，那么程序就会抛出异常。并且，Android 也不建议在 UI 线程既主线程中做一些耗时操作，否则会导致

doomvsjing / 0评论 2020-05-07

Netty HTTP服务

我是服务器 5 " , 并对特定请求资源进行过滤.4) 目的： Netty 可以做 Http 服务开发， 并且理解 Handler 实例和客户端及其请求的关系.System.out.println("对应的channel="

xuMelon / 0评论 2020-05-04

Netty消息传递

2、buffer里面数据未被读取完怎么办？

gzx0 / 0评论 2020-05-01

关于log4j、jul、jcl、slf4j等等日志组件的理解

　　我们经常在开发项目的时候，需要打印记录项目过程中的一些日志。那我们经常大概会用到 log4j、jul、jcl、slf4j、simple、nop、logback 等等，那我们就详细介绍下这些组件是怎么做日志打印的。　　Loggers ：被称为记录器，应用

MrLiar / 0评论 2020-04-27

Django日志配配置

在生产环境中，将程序的运行日志输出保存到文件中是很必要的操作；当应用崩溃时，很容易通过查找日志来定位问题。下面介绍一下django开发中如何将日志输出到文件中。WARNING:警告，通常用来对某些可能出现的错误且不会影响程序正常运行的信息进行警告。如果日志

shawroad / 0评论 2020-04-19

只需一篇文章“吃透”Android多线程技术？大牛最佳总结,建议收藏

前段时间在组内做了一下现有的代码分析，发现很多以前的legacy code多线程的使用都不算是最佳实践，而且坏事的地方在于，刚毕业的学生，因为没有别的参照物，往往会复制粘贴以前的旧代码，这就造成了坏习惯不停的扩散。所以本人就总结分析了一下Android的多

ChainDestiny / 0评论 2020-04-08

两种方法实现python操作日志的封装

‘-%s-[日志信息]: %s‘,

JJandYY / 0评论 2020-03-28

cobaltstrike派生一个shell给metasploit

[*] Exploit completed, but no session was created.[*] Meterpreter session 1 opened at 2020-03-06 10:01:16 +0800

gcong / 0评论 2020-03-06

meterpreter php payload &amp;&amp; windows payload 学习

No Arch selected, selecting Arch: php from the payload. No encoder or badchars specified, outputting raw payload. 通过脚本上传到服务器。这里p

有梦就能实现 / 0评论 2020-03-04

python爬虫（五） ProxyHandler处理器

ProxyHandler处理器一、如果我们在一段时间内用某个ip地址访问了一个网站次数过多，网站就检测到不正常，就会禁止这个ip地址的访问。所以我们可以设置一些代理服务器，每段时间换个代理，就算ip被禁止，我们也可以换个ip继续爬取

四叶草 / 0评论 2020-02-25

JS函数柯里化

第一次看到柯里化这个词的时候，还是在看一篇算法相关的博客提到把函数柯里化，那时一看这个词就感觉很高端，实际上当你了解了后才发现其实就是高阶函数的一个特殊用法。果然是不管作用怎么样都要有个高端的名字才有用。看这个解释有一点抽象，我们就拿被做了无数次示例的ad

wanwanwandj / 0评论 2020-02-24

metasploit与Cobaltstrike互相派生shell

　　msf exploit > set LHOST 192.168.229.143. 之后使用Cobalt Strike创建一个。其中ip为msf的ip地址，端口为msf所监听的端口。然后选中计算机，右键->Spawn，选择刚刚创建的监听器：。

Yyqingmofeige / 0评论 2020-02-23

在 Linux/Mac 下为Python函数添加超时时间

我们在使用 requests 这类网络请求第三方库时，可以看到它有一个参数叫做timeout，就是指在网络请求发出开始计算，如果超过 timeout 还没有收到返回，就抛出超时异常。特别是在运行一些数据处理、AI 相关的代码时，某个函数可能会运行很长时

ksharp / 0评论 2020-02-20

事件对象——DOM中的事件对象

触发DOM上的交互事件会生成一个event对象，用以保存事件的信息。比如鼠标交互的事件会保存鼠标的位置，键盘交互的事件会保存键的值。例如event.type会保存事件类型名称。布尔值，用以表明事件是否冒泡。通常和preventDefault()配合使用。E

书虫媛 / 0评论 2020-02-02

Sharding-Proxy 源码分析

├── sharding-proxy-common yaml配置文件加载...├── sharding-proxy-frontend 启动socket，代理mysql/pg. │ ├── sharding-proxy-fro

少年阿涛 / 0评论 2020-01-26

Spring MVC简介

　　Spring MVC框架围绕DispatcherServlet这个核心展开，DispatcherServlet是Spring MVC的总导演、总策划，它负责截获请求并将其分派给相应的处理器处理。Spring MVC框架包括注解驱动控制器、请求及响应的信

也许不会看见 / 0评论 2020-01-25

源码学习之线程池

大家面试过程中肯定被问道过线程池。因为在系统中频繁创建线程会造成很大的CPU消耗。而且用完的线程要等待GC回收也会造成消耗。下面我们就来学习下最常用的线程池ThreadPoolExecutor，线程池状态:RUNNING:取30位到32位111代表运行中,

xzkjgw / 0评论 2020-01-23

SpringMVC源码阅读HandlerAdapter-RequestMappingHandlerAdapter(七)

boolean supports(Object var1);long getLastModified(HttpServletRequest var1, Object var2);

方志朋 / 0评论 2020-01-21

Spring MVC请求流程

用户通过客户端向服务器发起一个request请求，此请求会被前端控制器所拦截。前端控制器请求处理器映射器去查找Handler，可以依据XML配置或注解去查找。处理器适配器会调用并执行Handler处理器，这里的处理器指的是程序中编写的Controller类

xxuncle / 0评论 2020-01-13

Event对象跨浏览器兼容性写法

<!DOCTYPE html>. <meta name="viewport" content="width=device-width, initial-scale=1.0">. <met

Wmeng0 / 0评论 2019-12-29

springmvc之mvc:view-controller标签设置可以直接访问的视图

-- 可以直接相应转发的页面, 而无需再经过 Handler 的方法. -->. 但是，再通过原来的handler访问的方式就会报错了，此时在springmvc.xml中配置以下即可。-- 在实际开发中通常都需配置 mvc:annotation-d

方志朋 / 0评论 2020-01-11

菜鸟学习Fabric源码学习 — 背书节点和链码容器交互

再判断是否注册了handler。// TODO: There has to be a better way to do this..."You are attempting to perform an action other than Depl

xzkjgw / 0评论 2020-01-10

springmvc组件组成以及springmvc的执行过程

提取Request 中的模型数据，填充Handler 入参，开始执行Handler, Handler执行完成后，向 DispatcherServlet 返回一个 ModelAndView 对象

shuiluobu / 0评论 2020-01-04

ReactNative: 使用AppState的API获取App的状态

App在运行的整个过程中，它会有不同的运行状态，例如激活失活状态、前后台进入和离开状态等。开发者可以根据App的不同状态选择合适的时机完成需要的工作。ReactNative中提供了AppState这个API来告知App的状态，它还可以通知状态的改变、甚至用

APCDE / 0评论 2019-12-31

Mybatis 并发执行导致cpu占满的问题

最近线上服务经常 出现cpu达到100%的问题，发现都是执行oracle操作的方法就没有返回。经过排查，最后定位到cpu消耗在以下方法

Justagreenonion / 0评论 2019-12-24

用Golang实现并理解Web中间件

在编写web应用中，我们常常会遇到这样的需求，比如，我们需要上报每个API的运行时间到运维监控系统。这时候你可以像下述代码一样将统计的逻辑写到每个路由函数中。然而，这显然有悖DRY原则，我们需要将这些非业务逻辑剥离出来以实现解耦。这时候，中间件就能派上用场

NameCHC / 0评论 2019-12-21

Android校招：一位双非本科拿到了头条，小米，京东的offer

今天分享一位应届毕业生的校招面经，大家可以看看查漏补缺。谢谢那些曾经帮助过我的人。很多忘记了，能回忆起来的就尽量写多一些。虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。

pengjin / 0评论 2019-12-21

C# HttpClient设置cookies的两种办法

而传统的HttpWebRequest每次请求需要创建一个单独的实例，且规避了一个老问题：Socket 连接释放不及时的问题。如果使用场景是：抓取需要登陆后才能看到的网页数据，建议使用第一种，不需要设置任何cookies，httpclient会自动把登陆后的

似水流年梦 / 0评论 2019-12-19

SpringMVC组件解析

SpringMVC组件解析1. 前端控制器：DispatcherServlet 用户请求到达前端控制器，它就相当于 MVC 模式中的 C，DispatcherServlet 是整个流程控制的中心，由它调用其它组件处理用户的请求，DispatcherServ

咻pur慢 / 0评论 2019-12-16

Python爬虫之cookie的获取、保存和使用【新手必学】

Cookie，指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据。比如说有些网站需要登录后才能访问某个页面，在登录之前，你想抓取某个页面内容，登陆前与登陆后是不同的，或者不允许的。另外如果你刚学不久。对这方面还不熟，建议先去小编

qyf / 0评论 2019-12-15

SpringMvc 拦截器

SpringMVC拦截器实现对每一个请求处理前后进行相关的业务处理，类似与servlet中的Filter。　　　　1）实现Spring的HandlerInterceptor接口；　　SpringMvc 拦截器是绑定在HandlerMapping中的。--

Julywhj / 0评论 2019-12-14

python基础 logging模块

#设置日志输出相关参数,filename 日志输出的文件路径，此时日志不在输出到文件。level 输出到文件的日志级别；format里面是时间格式与日志信息，datefmt为日志时间戳格式。#创建handler且指定文件切割的方式,每个文件存储3个字节日志

wyqwilliam / 0评论 2019-12-11

Spring 框架基础(06)：Mvc架构模式简介，执行流程详解

MVC是一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个组件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑，MVC分层有助于管理和架构复杂的应用程序。回显数据的界面,例如JSP就是用来展示模型中

neweastsun / 0评论 2019-12-06

netty 实现心跳检查--断开重连--通俗易懂

　　网络中的接收和发送数据都是使用操作系统中的SOCKET进行实现。但是如果此套接字已经断开，那发送数据和接收数据的时候就一定会有问题。　　是服务端和客户端定时的发送一个心跳包，让对方知道自己还活着，处于在线状态，以确保连接真实有效的一种机制。　　心跳检查

xuMelon / 0评论 2019-12-01