如果代码对您有帮助的话 拜托点赞👍+收藏😊哟
一JS的事件
1.鼠标的点击事件,非常,常用的一个事件。
function fun(){
// 要执行的程序
// 这里使用了弹窗进行演示
alert("你是不是点了一下按钮")
}
<input type="radio" name="z" onclick="fun()">
2.鼠标双击事件
function fun(){
// 要执行的程序
// 这里使用了弹窗进行演示
alert("你刚刚是不是双击了鼠标")
<input type="radio" name="z" ondblclick="fun()">
}
3.鼠标按下所触发的事件
function fun(){
// 要执行的程序
// 这里使用了弹窗进行演示
alert("你是不是按下了鼠标")
<input type="radio" name="z" onmousedown="fun()">
这个事件和点击事件有些相似,但和点击事件不同的是点击事件需要点击后松开鼠标才可以触发,但这个事件只需要按下即可触发。
2.鼠标移动事件
function fun(){
// 要执行的程序
// 这里使用了弹窗进行演示
alert("你的鼠标是不是移动到了我的元素")
<input type="radio" name="z" onmouseout="fun()">
这个事件说白了就是你的鼠标移动到了你设置的元素,然后再执行你要的操作。
function fun(){
// 要执行的程序
// 这里使用了弹窗进行演示
window.onmousewheel=function(){
alert("当滚轮运行时")
}
//onmousewheel就是你的滚鼠标滚轮在滑动的时候就可以执行你要的操作
鼠标滚轮事件
// 要执行的程序
// 这里使用了弹窗进行演示
function sj(){ //要执行的操作
alert("当文本框失去了焦点")
}
<input type="text" value="1" onblur="sj()" onblur="sj()">
//当我的鼠标从文本框的身上离开了就代表它失去了焦点,然后就是你要执行的操作了。
function hd (){
alert("当文本获得了焦点!")
}
<input type="text" value="2" onfocus="hd()" onfocus="hd()">
//当我的鼠标移动到了文本框身上就代表它获得了焦点,然后就是你要执行的操作了。
焦点事件
窗口(window)
//窗口加载
window.onload=function(){
alert("窗口加载完成")
}
窗口加载事件
当网页加载完成的时候,就可一执行个操作了
window.onresize=function (){
alert("窗口大小正在发送生改变"){
}
}
//当窗口大小发上了该表就会执行你要执行的操作了
补充
onmouseup这个事件和普通的点击事件(onclick),差不多而这个事件就是鼠标按下又弹起要做的事情
onscroll这个也是一个滚轮事件他和上一个(onmousewheel)差不多上一个呢就是只要你的滚轮在运行的时候太都会执行你的操作而这个(滚轮事件onscroll)就是当你的网页有很长的内容的时候滚轮进度条在运行时才会执行你的操作
总结
onclick | 普通的点击事件 |
---|---|
ondblclick | 双击鼠标事件 |
onmousedown | 鼠标按下事件 |
onmouseout | 鼠标移动至某个元素 |
onmousewheel | 鼠标滚轮运行是执行的操作 |
onscroll | 鼠标滚轮网页进度条运行时所执行的操作 |
onblur | 当我的元素失去了焦点 |
onfocus | 当我的元素获得了焦点 |
onload | 当我的窗口加载完成后执行你的操作 |
onresize | 当我的窗口大小发生了改变所要执行的操作 |
创作不易拜托点赞收藏,哟😘