<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//点击事件
function testClick(){
console.log("Clicked");
}
//双击事件
function testDblClick(){
console.log("dblClick");
}
//当鼠标移动到某一个(DOM)对象上方的时候
function testMouseOver(){
console.log("over");
//console.log(this.style.backgroundColor="green")
document.getElementById("div").style.backgroundColor="green";
}
//表示鼠标在某一个(DOM)对象的上面移动的时候
function testMouseMove(){
console.log("move");
}
//从一个对象上面离开的时候
function testMouseLeave(){
console.log("leave")
document.getElementById("div").style.backgroundColor="#fff";
}
//鼠标从一个对象上面离开的时候 Leave和out已经合并 可以直接使用out
function testMouseOut(){
console.log("out")
}
/**
* onload与自执行函数:
* onload在文档加载完成以后执行
* 自执行函数只要解析到 就会执行
*/
onload = function () {
console.log("onload");
}
</script>
<style type="text/css">
div{
width: 100px;
height: 100px;
margin: 20px;
border: 1px solid red;
}
</style>
</head>
<body>
<input type="button" onclick="testClick()" value="Click">
<input type="button" ondblclick="testDblClick()" value="dblclick">
<div onmouseover="testMouseOver()" id="div" onmouseleave="testMouseLeave()">
Over
</div>
<div onmousemove="testMouseMove()" onmouseout="testMouseOut()">
Move
</div>
</body>
</html>
js中常用的事件
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
WPF中常用的Window事件
官方链接:https://msdn.microsoft.com/en-us/library/system.windows.window.statechanged(v=vs.110).aspx 1. Activated获得焦点事件 和 Deactivated失去焦点的事件: Activated: 获得
Window事件 Window获取焦点 Window的Dpi改变事件 Window最小最大化事件 Window位置改变事件 -
js中常用的内置对象
最常用的内置对象
javascript 学习 -
报表中常用的事件以及作用
做report需要熟练掌握一些事件,这样才能顺利的跑完理想的逻辑过程
报表 radiobutton 数据库 initialization output -
Js开发中常用的技巧(上)
Js开发中常用的技巧
开发 Js 常用的技巧 -
项目中常用的几个JS
这里总结一下项目中常用到的几个非常实用的Js脚本,为了方便我将其封装成一个C#的Js工具类方便在项目中使用,可以在项目中直接使用这些方法就可以了。这里是没有任何页面逻辑的方法可以单独拿出来使用,这个类可以继续丰富下去,会在以后加入一些新的方法
ASP.NET C#语言基础 JAVASCRIPT .Net Develop 控件