首页
技术博客
PHP教程
数据库技术
前端开发
HTML5
Nginx
php论坛
新用户注册
|
会员登录
PHP教程
技术博客
编程问答
PNG素材
编程语言
前端技术
Android
PHP教程
HTML5教程
数据库
Linux技术
Nginx技术
PHP安全
WebSerer
职场攻略
JavaScript
开放平台
业界资讯
大话程序猿
登录
极速注册
取消
热门标签 | HotTags
nodejs
datetime
dagger
scala
import
bytecode
utf-8
php5
ip
actionscrip
buffer
bash
cpython
chat
java
keyword
settings
iostream
hook
vbscript
hashtable
window
uri
express
lua
tree
string
less
runtime
filter
cSharp
perl
cookie
heatmap
copy
default
char
hash
hashcode
grid
main
merge
metadata
case
php8
email
integer
int
stream
substring
hashset
python3
instance
heap
node.js
httpclient
plugins
export
cPlusPlus
callback
blob
golang
netty
dll
timezone
erlang
io
object
list
subset
range
const
usb
audio
sum
request
frameworks
eval
uml
当前位置:
开发笔记
>
编程语言
> 正文
Javascript注册事件浅析_javascript技巧
作者:飞天6585_439 | 来源:互联网 | 2018-05-14 00:16
JavaScript事件驱动
首先是最常规的方法:
test
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
当某一天,我们知道Javascript要跟HTML结构实现分离后,就会改了一种写法:
test
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
当我们工作越来越久后,有时候我们需要对某个元素绑定多个相同的事件类型:
test
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
如果按照上面的写法,我们只能输出第二个函数。
这时候我们需要用到attachEvent方法:
test
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
在一段时间内,你并没发现这段代码有任何错误。
某一天,一个名叫firefox的浏览器 闯入你的视野,当我们把这段代码放到firefox中执行后,
发现并不能正常运行。 问题就这样,越来越多,然而作为一名JS程序员,这些都是必须面对的。
为了解决这段代码的平台兼容性问题,我翻翻手册,知道了firefox跟ie的区别:
firefox中注册事件使用:addEventListener方法,同时为了兼容ie,我们必须用到if ... else...
test
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
此时,代码就可以在多个平台上工作了。
但随着水平的进步,你不满足每次都去判断,你想把这个判断封装起来,以后可以直接调用:
test
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
至此,作为一个程序员的工作就完了。
中间我们从一个最传统,最基本的写法 , 然后实现Js和HTML的分离,然后又实现对同一个元素注册多个事件,期间,我们发现注册事件的兼容性问题。最后我们对注册事件的方法进行封装,方便以后使用。
好了,文章写到这里。希望大家有收获哦。。。
javascript
html
firefox
程序员
写下你的评论吧 !
吐个槽吧,看都看了
会员登录
|
用户注册
推荐阅读
程序员
90后程序员的职业发展之路:从年薪3w到30w的经验分享
本文是一位90后程序员分享的职业发展经验,从年薪3w到30w的薪资增长过程。文章回顾了自己的青春时光,包括与朋友一起玩DOTA的回忆,并附上了一段纪念DOTA青春的视频链接。作者还提到了一些与程序员相关的名词和团队,如Pis、蛛丝马迹、B神、LGD、EHOME等。通过分享自己的经验,作者希望能够给其他程序员提供一些职业发展的思路和启示。 ...
[详细]
蜡笔小新 2023-12-14 15:22:09
java
OC学习笔记之@property和@synthesize
本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ...
[详细]
蜡笔小新 2023-12-14 12:05:06
java
Voicewo在线语音识别转换jQuery插件的特点和示例
本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ...
[详细]
蜡笔小新 2023-12-13 20:01:16
java
AJAX操作授权过期的全局处理方式
本文介绍了一种处理AJAX操作授权过期的全局方式,以解决Asp.net MVC中Session过期异常的问题。同时还介绍了基于WebImage的图片上传工具类。详细内容请参考链接:https://www.cnblogs.com/starluck/p/8284949.html ...
[详细]
蜡笔小新 2023-12-11 19:17:35
uri
Apache Shiro 身份验证绕过漏洞 (CVE202011989) 详细解析及防范措施
本文详细解析了Apache Shiro 身份验证绕过漏洞 (CVE202011989) 的原理和影响,并提供了相应的防范措施。Apache Shiro 是一个强大且易用的Java安全框架,常用于执行身份验证、授权、密码和会话管理。在Apache Shiro 1.5.3之前的版本中,与Spring控制器一起使用时,存在特制请求可能导致身份验证绕过的漏洞。本文还介绍了该漏洞的具体细节,并给出了防范该漏洞的建议措施。 ...
[详细]
蜡笔小新 2023-12-09 19:58:36
java
常用的CSS属性及用法整理
本文整理了常用的CSS属性及用法,包括背景属性、边框属性、尺寸属性、可伸缩框属性、字体属性和文本属性等,方便开发者查阅和使用。 ...
[详细]
蜡笔小新 2023-12-09 03:01:43
java
css元素可拖动,如何使用CSS禁止元素拖拽?
一、用户行为三剑客以下3个CSS属性:user-select属性可以设置是否允许用户选择页面中的图文内容;user-modify属性可以设置是否允许输入 ...
[详细]
蜡笔小新 2023-10-17 14:35:15
java
this prototype 闭包 总结
this对象整理下思路:一般用到this中的情景:1.构造方法中functionA(){this.nameyinshen;}varanewA() ...
[详细]
蜡笔小新 2023-10-16 13:42:47
java
pyecharts 介绍
一、pyecharts介绍ECharts,一个使用JavaScript实现的开源可视化库,可以流畅的运行在PC和移动设备上,兼容当前绝大部 ...
[详细]
蜡笔小新 2023-10-16 08:29:03
java
java web之jsp初学习
JavaWeb介绍概念JavaWeb,是用Java技术来解决相关web互联网领域的技术总和。web包括:web服务器和web客户端两部分。Java在客户端的应用有javaapplet,不过使 ...
[详细]
蜡笔小新 2023-10-16 00:39:28
window
图解BOM与DOM的区别与联系
区别BOM(BrowserObjectModel)BOM即浏览器对象模型,BOM没有相关标准,BOM的最核心对象是window对象。window对象既为javascript访问浏览 ...
[详细]
蜡笔小新 2023-10-15 16:44:55
java
Google Contacts API未返回输出 - Google Contacts API not returning output
Itwasworkingcorrectly,butyesterdayitstartedgiving401.IhavetriedwithGooglecontactsAPI ...
[详细]
蜡笔小新 2023-10-15 16:40:16
window
FileReader详解与实例---读取并显示图像文件
我们曾经在《HTML5中File对象初探》中,使用到了FileReader,在那篇文章中,它被用来将一个文件读取为二进制字符串,并通过xhr发送到后端形成交互。作为FileAPI的一部 ...
[详细]
蜡笔小新 2023-10-15 16:35:41
string
[学习笔记]JavaScript基础
JavaScript概述1.JavaScript定义JavaScript是Netscape公司开发的一种基于对象和事件驱动的脚本语言。它是弱类型语言,只能由浏览器解释执行。其中:脚本语言:解释运行( ...
[详细]
蜡笔小新 2023-10-13 09:36:45
string
JavaScript实现在页面间传值的方法
JavaScript实现在页面间传值的方法-本文实例讲述了JavaScript实现在页面间传值的方法。分享给大家供大家参考。具体如下:问题如下:在a.html页面中,的 ...
[详细]
蜡笔小新 2023-10-13 01:38:28
飞天6585_439
这个家伙很懒,什么也没留下!
Tags | 热门标签
nodejs
datetime
dagger
scala
import
bytecode
utf-8
php5
ip
actionscrip
buffer
bash
cpython
chat
java
keyword
settings
iostream
hook
vbscript
hashtable
window
uri
express
lua
tree
string
less
runtime
filter
RankList | 热门文章
1
电脑internet协议里DNS服务器怎么设置?
2
pandas dataframe对象的分组机制groupby
3
饿了么UI中eltree树节点选中高亮的两种常用方式(highlightcurrent属性)
4
个人简介网页设计代码_第一部分:网页设计师应该如何学习编程代码?
5
怎么在Node.js中使用Module模块
6
com.github.rinde.rinsim.event.EventAPI.removeListener()方法的使用及代码示例
7
hadoop pig store保存输出格式设置USING PigStorage
8
Java学习 JDK安装
9
《ASP.NET Core 3框架揭秘》售后支持
10
解决事件冒泡
11
FFmpeg(8)打开音视频解码器,配置解码器上下文(avcodec_find_decoder()、avcodec_alloc_context3())
12
Android开源在线音乐播放器——波尼音乐
13
php 如何实现文字替换
14
ASP.net连接mysql数据库(使用MySql.Data.dll)
15
开源库glog使用
PHP1.CN | 中国最专业的PHP中文社区 |
DevBox开发工具箱
|
json解析格式化
|
PHP资讯
|
PHP教程
|
数据库技术
|
服务器技术
|
前端开发技术
|
PHP框架
|
开发工具
|
在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |
京公网安备 11010802041100号
|
京ICP备19059560号-4
| PHP1.CN 第一PHP社区 版权所有