文档章节

javascript事件API

wyjieying
 wyjieying
发布于 2015/04/12 10:48
字数 185
阅读 11
收藏 0


浏览器事件三种用法

1.写着标签内:


<div onclick="onClickFn()"></div>

2.写着脚本里面,属性方式引用


el.onXXX = function(){}

通程DOM0事件系统,支持单个事件绑定,


3.写着脚本里面,通过绑定方式引用

el.attachEvent("on"+type, callback);

或者

el.addEventListener(type,callback, useCapture);

//第三个参数设置冒泡顺序,false则是默认由里向外事件冒泡,

//true,则由外向里事件冒泡




IE Opera

绑定事件:el.attachEvent("on" + type, callback);

卸载事件:el.detachEvent("on" +type, callback);

创建事件:document.createEventObject();

派发事件:el.fireEvent(type, event);


Chrome等标准

绑定事件:el.addEventListener(type, callback, useCapture);

卸载事件:el.removeEventListener(type, callback, useCapture);

创建事件:el.createEvent(types);

初始化事件:event.initEvent();

派发事件:el.dispatchEvent(event)



© 著作权归作者所有

共有 人打赏支持
wyjieying
粉丝 3
博文 1
码字总数 185
作品 0
广州
程序员
私信 提问
JEPLUS平台JS事件的操作技巧——JEPLUS软件快速开发平台

JEPLUS平台JS事件的操作技巧 JEPLUS平台使用的是EXTJS4,很多时候一些客户不清楚平台JS事件的API怎么调用,以及JS事件API都有哪些,所以今天这个笔记就简单介绍一些JEPLUS平台JS事件的一些操...

JEPLUS
06/27
0
0
《JavaScript 权威指南》读书笔记 1 - 简介

原文:https://keelii.github.io/2016/06/16/javascript-definitive-guide-note-0/ 第一章 主要介绍 JavaScript 的大概情况、基本语法。之前没有 JavaScript 基础的看不懂也没关系,后续章节...

keelii
2016/06/24
0
0
JEPLUS前台API的查看使用——JEPLUS软件快速开发平台

JEPLUS前台API的查看使用 很多朋友在使用JEPLUS平台的时候会遇到很多时候需要写JS事件,但是很多时候不清楚平台支持的JS事件的写法,所以今天这篇笔记就讲解一下如何来查看平台的前台API,以...

JEPLUS
06/29
0
0
[翻译]理解异步JavaScript

写在文章前 这篇文章是翻译自Sukhjinder Arora的 Understanding Asynchronous JavaScript。这篇文章描述了异步和同步JavaScript是如何在运行环境中,使用调用栈,消息队列,作业队列,以及事...

YukiSong
今天
0
0
5种你未必知道的JavaScript和CSS交互的方法

随着浏览器不断的升级改进,CSS和JavaScript之间 的界限越来越模糊。本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合作。我们的网页中都有.js文件和...

oschina
2014/04/03
5.4K
20

没有更多内容

加载失败,请刷新页面

加载更多

解决Python3.7不能安装tensorflow的问题

# Mac pip install https://download.tensorflow.google.cn/mac/cpu/tensorflow-1.12.0-py3-none-any.whl # Linux CPU wget https://storage.googleapis.com/tensorflow/linux/cpu/tensorflo......

陆朋
16分钟前
1
0
基于React+Redux的SSR实现方法

为什么要实现服务端渲染(SSR) 总结下来有以下几点: SEO,让搜索引擎更容易读取页面内容 首屏渲染速度更快(重点),无需等待js文件下载执行的过程 代码同构,服务端和客户端可以共享某些代码...

嫣然丫丫丫
16分钟前
1
0
通过Ajax方式绑定select选项数据的实例

今天小编就为大家分享一篇通过Ajax方式绑定select选项数据的实例,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。 问题描述 在编写Web页面的时候常常需...

前端攻城小牛
22分钟前
1
0
exportfs命令 FTP介绍

12月10日任务 14.4 exportfs命令 14.5 NFS客户端问题 15.1 FTP介绍 15.2/15.3 使用vsftpd搭建ftp 1.exportfs命令 exportfs 命令, 常用选项 -a 全部挂载或者全部卸载 -r 重新挂载 -u 卸载某一...

hhpuppy
25分钟前
0
0
CP2102六合一多功能串口模块使用

这是一个非常好用的调试、烧录接口工具,价格便宜(淘宝10元左右),支持接口全面,简单易用。 一、在电脑上安装CP210x USB驱动 点击此处下载驱动 二、功能选择及接线

NB-One
26分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部