Javascrpt 速成篇】 三:js事件处理
2024-08-24 09:31:04
ie和chrome,firefox的事件处理,除了函数名字不同,基本大同小异。这样就已chrome为主了,对ie有兴趣的自己去百度。jquery已经处理不同浏览器兼容性问题,推荐使用。
事件处理有两种常用方法,一种通过标签的onXXX属性,第二种是给标签(元素)添加事件监听器,下面已给出实例:
<!DOCTYPE html>
<html> <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>js event</title>
</head> <body> <button onclick="clickMe()">Click Me</button>
<button id="getTimeBtn">Get Time</button> <script>
//处理clickMe
function clickMe() {
alert('you clicked me !');
}
</script> <script>
//获取btnEle元素
var btnEle = document.getElementById('getTimeBtn');
//为点击事件添加监听器
btnEle.addEventListener('click', function () { alert(new Date()); });
/*
注意,这段代码必须放在getTimeBtn下面,否则将出错,因为如果放在getTimeBtn上面,
程序从上向下执行,document.getElementById('getTimeBtn')返回的将是
undefined,这是初学者常见的错误。此外,还有一种方法,就是当文档加载完了,
去添加事件监听器,这个事件叫onload, 这里作为作业了。
*/
</script>
</body> </html>
最新文章
- 架构设计:一种远程调用服务的设计构思(zookeeper的一种应用实践)
- SELF, self in CORE DATA
- P1382 光棍组织
- ECSHOP Inject PHPCode Into \library\myship.php Via \admin\template.php &;&; \includes\cls_template.php Vul Tag_PHP_Code Execute Getshell
- Dreamweaver修改页面编码
- Asp.net MVC2中你必须知道的扩展点(一):Controller Factory
- Unity3D中读取CSV文件
- cypress的EZ-USB对于USB的介绍
- 2015.9.11模拟赛 codevs 4160【会玩的】
- git 提交到github时不用每次都输入用户名,密码
- Linux 小记 — 网络管理
- spring boot新建项目问题总结
- [Linux] 取两个文件的并集/交集/差集
- css实现文本两端对齐
- oracle 删除重复记录
- springboot的拦截器Interceptor的性质
- 浅谈CSRF(Cross-site request forgery)跨站请求伪造(写的非常好)
- 【iCore1S 双核心板_ARM】例程十五:USB_HID实验——双向数据传输
- iOS的Cookie存取
- Digispark kickstarter + JoyStick 模拟鼠标
热门文章
- JavaScript的动态特性(通过eval,call,apply和bind来体现)
- SpringBoot项目结构介绍
- Entity Framework 基于Oracle的code first 问题汇总
- spring的静态代理和动态代理
- Webstorm: cannot find any declarations
- poi读取excel转对象,格式转换帮助类
- C++11 auto类型说明符的使用
- OSI7层网络模型协议精析
- 个人知识管理系统Version1.0开发记录(02)
- HDU 4739 Zhuge Liang's Mines (状态压缩+背包DP)