本文介绍了JavaScript中的事件基础，包括事件调用的两种方式：在script中和元素中调用。详细讲解了鼠标事件（如onmouseover, onmouseout等）、键盘事件（onkeydown, onkeyup）、表单事件（如onfocus, onchange）以及编辑和页面事件。同时，举例说明了如何使用这些事件来实现特定的功能，如防复制、防选择和防右键等。"
137779549,23013029,SpringBoot整合百度AI：语音识别与ffmpeg使用教程,"['spring boot', '人工智能', '语音识别', '音频处理', '开发教程']
目录
原始（link）-经过（hover）-激活（active）-访问后（visited）
onmouse -down-up -over-out -move
事件基础
- 鼠标事件
- 键盘事件
- 表单事件
- 编辑事件
- 页面事件
事件调用方式
1. 在script中调用
2. 在元素中调用事件
鼠标事件
原始（link）-经过（hover）-激活（active）-访问后（visited）
onmouse -down-up -over-out -move
<script>
window.onload = function(){
var oA = document.getElementsByTagName("a")[0];
oA.onmousedown=function(){
oA.style.color="blue";
};
oA.onmouseup=function(){
oA.style.color="black";
};
oA.onmouseoverfunction(){
oA.style.color="red";
};
}
</script>
<style type="text/css">
a:link{
color: green;
}
a:hover{
color:black;
}
a:active{
color: blue;
}
a:visited{
color:red;
}
</style>键盘事件
onkeydown
onkeyup
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script>
window.onload=function(){
var oTxt = document.getElementById("txt");
var oNum = document.getElementById("num");
oTxt.onkeyup=function(){
va
最低0.47元/天 解锁文章
扫一扫
2002
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
