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

最新推荐文章于 2020-09-16 00:10:21 发布

瞧我的记性又把你当人看了

最新推荐文章于 2020-09-16 00:10:21 发布

阅读量684

点赞数

分类专栏： JS基础分享文章标签： javascript 鼠标实例

本文链接：https://blog.csdn.net/a976196371/article/details/52789422

版权

JS基础分享专栏收录该内容

10 篇文章 0 订阅

订阅专栏

在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

收藏

觉得还不错? 一键收藏
0
评论
JavaScript常用鼠标事件的分类和介绍①

在JavaScript 中通过鼠标触发的事件我们常用的有： ①、鼠标点击事件； ②、鼠标移入事件； ③、鼠标移出事件； ④、冒泡事件；下面就简单的介绍一些这几种事件，以及实例中的应用。 1、鼠标点击事件： onclick ；简单的说就是鼠标指针，点击指定目标时发生的事件。语法：onclick="SomeJavaScriptCode"支持该事件的标签<a>, <address>, <
复制链接

扫一扫

专栏目录