JavaScript的事件

最新推荐文章于 2022-04-16 13:32:58 发布

飞腾创客

最新推荐文章于 2022-04-16 13:32:58 发布

阅读量334

点赞数

分类专栏： javascript基础文章标签： javascript

本文链接：https://blog.csdn.net/qq_39716220/article/details/77720732

版权

javascript基础专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
<style type="text/css">

</style>
</head>
<body>
<div class="btn">请点击我</div>

</body>
<script type="text/javascript">
//获取元素
var btn=document.getElementsByClassName('btn')[0];

//单击事件
btn.οnclick=function(){
console.log('你点了我一下');
}
//双击事件
btn.οndblclick=function(){
console.log('你居然点了我两下');
}
//鼠标按下时触发
btn.οnmοusedοwn=function(){
console.log('你还按了一下');
}
//鼠标抬起时触发
btn.οnmοuseup=function(){
console.log('你又抬起来啦');
}
//鼠标移入时触发
btn.οnmοuseοver=function(){
console.log('你还摸一下');
btn.style.backgroundColor="pink";
}
//鼠标移除时触发
btn.οnmοuseοut=function(){
this.innerHTML="你终于摸完了";
}
//鼠标移动时触发
btn.οnmοusemοve=function(){
console.log('摸可以但不要动');
}
//移除事件
btn.οnmοusemοve=null;

</script>
</html>