js学习笔记之事件1
来源:互联网 发布:史上最好玩的游戏不需要网络 编辑:程序博客网 时间:2024/06/08 19:34
事件对象
//ie 用event
//火狐、chrome 用ev
获取鼠标坐标 有问题-_-
event.clientX event.clientY
处理兼容
oEvent= ev || event
oEvent.clientX oEvent.clientY
事件流
事件冒泡:当触发事件时,会一层层向上传,从而引发父级触发事件
cancelBubble 取消冒泡
clientX clientY 可视区里的坐标。所以,当页面过长而滑动了滚动条时,-_-
解决:
scrollTop=document.documentElement.scrollTop || document.body.scrollTop
scrollLeft=document.documentElement.scrollLeft || document.body.scrollLeft
鼠标事件
document.body.onclick
给body添加点击事件,当body撑不起来时,就会产生点击无效的效果。
解决:
document.onclick
例子:下拉框,点击时出现,点击页面其他的位置使其隐藏
onmousemove
例子:让一些小东西跟着鼠标(tips:记得给要移动的东西加position:absolute;-_-)
//获取坐标函数
function getPos(ev)
{
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;
return {x:scrollLeft+ev.clientX,y:scrollTop+ev.clientY};
};
键盘事件
onkeydown
onkeyup
keyCode返回的是触发事件的键盘键的ASCII码
例子:通过键盘来移动盒子位置
- js学习笔记之事件1
- js学习笔记之事件处理模型
- Node.js学习笔记之三:事件
- JS学习笔记9之event事件及其他事件
- 读《js权威指南》事件之学习笔记
- Node.js学习笔记之三:事件_EventEmitter
- js学习笔记之阻止冒泡和默认事件
- JS学习笔记-事件绑定
- 【js基础】js事件对象学习笔记
- [ITIL学习笔记]之事件管理(1)
- 菜鸟之js事件学习
- jquery学习笔记之事件
- CLR_Via_C#学习笔记之事件
- RTT学习笔记之事件
- jQuery学习笔记之事件
- jQuery学习笔记之事件
- js学习笔记之购物车1
- 【js学习笔记-090】---事件处理
- LightOJ
- 我对C++ string和length方法的一个长期误解------从protobuf序列化说起(没处理好会引起数据丢失、反序列化失败哦!)
- JS之JQuery的入门和基础
- 让织梦dedecms中{dede:type}标签支持调用父级栏目名称
- 函数栈帧的调用以及销毁
- js学习笔记之事件1
- JavaSe ——1、Java编程基础
- 前言
- 浅谈C/C++的浮点数在内存中的存储方式
- JNI:动态注册
- 关于form表单中禁用所有Asp.net 服务器控件TextBox的方法
- python中使用原生sql操作数据库
- android文件操作相关的工具
- 多个input输入框 限制每个输入框输入一位 输入完成自动获取下一个input焦点