JavaScript常用鼠标事件的分类和介绍①

来源：互联网发布：玛斯威顿手表知乎编辑：程序博客网时间：2024/05/17 04:19

在JavaScript 中通过鼠标触发的事件我们常用的有：
①、鼠标点击事件；
②、鼠标移入事件；
③、鼠标移出事件；
④、事件冒泡；
下面就简单的介绍一些这几种事件，以及实例中的应用。
1、鼠标点击事件： onclick ；简单的说就是鼠标指针，点击指定目标时发生的事件。
语法：

onclick="SomeJavaScriptCode"

支持该事件的标签

<a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <object>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var>

支持该事件的 JavaScript 对象：

button, document, checkbox, link, radio, reset, submit

实例：点击按钮时，文本的复制

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>        <script type="text/javascript">            window.onload=function(){                var oTxt=document.getElementById('txt');                var oTxt1=document.getElementById('txt1');                var oBtn=document.getElementById('btn');                //点击事件的用法，点击按钮的时候，让文本框1的内容复制到文本框2中。                  oBtn.onclick=function(){                    oTxt1.value=oTxt.value;                }            }        </script>    </head>    <body>        <input type="text" name="" id="txt" value="好饿！" />        <br /><br />        <input type="text" name="" id="txt1" value="" />        <br /><br />        <input type="button" name="btn" id="btn" value="按钮" />    </body></html>

0 0