JavaScript:实现鼠标的悬停及移出事件

Event 对象

Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用,函数不会在事件发生前被执行!


事件句柄 (Event Handlers)

属性 此事件发生在何时…
onmouseout 鼠标从某元素移开。
onmouseover 鼠标移到某元素之上。

例1:鼠标悬停和移出显示为两种CSS样式。


<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> loaction title>
  <meta charset="utf-8" />
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <style type="text/css">
    .one{
        color:red;
        border:1px solid blue;
        cursor:hand;
    }
  style>
 head>
<script type="text/javascript">

script>
 <body >
    <p onmouseover = "func()"  onmouseout = "func1()" id = "p" >你好,世界!p>
 body>
html>

以上内容作为个人学习记录,仅供参考。

你可能感兴趣的:(javascript,鼠标悬停移出事件,JavaScript)