js里面的交互事件绑定
键盘的事件
2. dom.onkeyup=function(){
检查键盘按钮是否按下触发需要执行的函数
}
鼠标的事件
1. dom.onclick=function(){
}
2. dom.onmousedown=function(){
}
3. dom.onmouseup=function(){
}
4. dom.onmousemove=function(){
}
5. dom.oncontextmenu=function(){
}
鼠标移入移除 第一种
dom.onmouseover=function(){
}
dom.onmouseout=function(){
}
鼠标移入移除 第二种
dom.onmouseenter=function(){
}
dom.onmouseleave=function(){
}
2. 窗口事件
1.窗口加载事件
window.onload = function(){
当整个窗口页面加载成功后执行的代码
}
2.窗口大小事件
window.onresize = function(){
窗口页面大小发生变化时后执行的代码
}
3.窗口滑动触发事件(scroll)
window.scroll = function(){
当滚动条滑动时所执行的代码
}
3-1.获取滚动条位置
语法格式:
window.onresize = function(){
var scrollTop = document.documentElement.scrollTop
console.log(scrollTop);
}
3-2. scrollTo 控制滚动条的位置
语法格式:
window.scrollTo(X轴的位置 , Y轴的位置)
它也是一个可以写成一个对象(这里的window也可是其他的对象)
一般用来设置返回顶部的操作
window.scrollTo({
top: ,
behavior:"smooth"
})
input里面的事件交互
dom.onchange = function(){
}
dom.oninput = function(){
}
dom.onblur = function(){
dom.blur()
因为t它一个对象函数所以需要加()
}
dom.onfocus = function(){
dom.onselecr = function(){
键盘按键的事件
dom.onkeyup = function(){
当然还有dom.onkeydown
通过事件对象的信息e.keycode 获取用户点击的是那个按键 返回的是数字
}