js鼠标事件 窗口值 键盘事件
2017-03-18 15:17
274 查看
js:
事件冒泡:事件从最内层次的节点逐级传播到最外层节点
事件捕获:事件从最外层的节点逐级传播到最内层的节点
Dom2级:
addEventListener() 可同时添加多个事件处理程序
removeEventListner()
document.title 网页标题
window.onload=drag; //页面加载调用drag函数,调用函数时不要加小括号
鼠标事件:
event.clientX 光标点击坐标x
event.clientY 光标点击坐标y
oDrag.offsetLeft 节点oDrag距离左窗口宽度(无单位)
oDrag.offsetTop 节点oDrag距离上窗口宽度(无单位)
oDrag.offsetWidth 节点oDrag的默认宽度
oDrag.offsetHeight 节点oDrag的默认高度
winW=document.documentElement.clientWidth || document.body.clientWidth;
// 获取窗口宽度
winH=document.docuemtnElement.clientHeight || document.body.clientHeight;
//获取窗口高度
onmousedown 鼠标点下
onmousemove鼠标移动
onmouseup鼠标释放
键盘事件:
事件冒泡:事件从最内层次的节点逐级传播到最外层节点
事件捕获:事件从最外层的节点逐级传播到最内层的节点
Dom2级:
addEventListener() 可同时添加多个事件处理程序
removeEventListner()
document.title 网页标题
window.onload=drag; //页面加载调用drag函数,调用函数时不要加小括号
鼠标事件:
event.clientX 光标点击坐标x
event.clientY 光标点击坐标y
oDrag.offsetLeft 节点oDrag距离左窗口宽度(无单位)
oDrag.offsetTop 节点oDrag距离上窗口宽度(无单位)
oDrag.offsetWidth 节点oDrag的默认宽度
oDrag.offsetHeight 节点oDrag的默认高度
winW=document.documentElement.clientWidth || document.body.clientWidth;
// 获取窗口宽度
winH=document.docuemtnElement.clientHeight || document.body.clientHeight;
//获取窗口高度
onmousedown 鼠标点下
onmousemove鼠标移动
onmouseup鼠标释放
键盘事件:
相关文章推荐
- 笔记:JS键盘和鼠标的事件
- js 绑定键盘鼠标事件示例代码
- 键盘事件和鼠标事件【js】
- JavaScript(js)处理的HTML事件、键盘事件、鼠标事件
- js鼠标键盘事件的使用
- Java 事件响应浅索(Swing,鼠标事件,窗口事件,键盘事件)
- js鼠标事件、键盘事件实例代码
- JS-事件之鼠标、键盘都能控制的下拉选框效果
- JS 屏蔽键盘与鼠标事件
- js事件应用--基础(事件对象、鼠标事件、键盘事件)
- js鼠标、键盘事件实例代码
- C#监视窗口的鼠标滚轮事件和键盘事件
- js鼠标、键盘事件
- JS基础内容小结(event 鼠标键盘事件)(三)
- js鼠标、键盘事件实例代码
- js 绑定键盘鼠标事件
- js监听鼠标点击和键盘点击事件并自动跳转页面
- js监听鼠标点击和键盘点击事件并自动跳转页面
- js之【窗口事件和event对象】(有一个追踪鼠标定位的小栗子)
- js鼠标按键事件和键盘按键事件用法实例汇总