资讯专栏INFORMATION COLUMN

JS基础入门篇(二十)—事件对象以及案例(二)

DevTTL / 2532人阅读

摘要:案例一点击按钮,选中中的全部内容方法选中全部。点击按钮选中输入框中的内容点击此按钮选中的全部内容案例二点击按钮,选中中的全部内容,并复制到粘贴板上。事件对象当发生事件,执行事件处理函数的时候,该时刻的详细信息。

案例一.点击按钮,选中input中的全部内容

select()方法:选中全部。

点击按钮选中输入框中的内容!!!!




    
    Title
    


    
    
    

案例二.点击按钮,选中input中的全部内容,并复制到粘贴板上。

document.execCommand("copy");//复制到粘贴板上。

点击按钮,选中并复制到粘贴板上,点击查看效果以及代码





事件对象

事件:当用户对页面进行操作的交互时,会触发对应元素的事件。
事件对象:

        event
            当发生事件,执行事件处理函数的时候,该时刻的详细信息。
        注意:如果函数是直接调用的,则没有事件对象
        注意:不同事件中的event对象可能有不同

举例说明:









案例三:模拟苹果电脑菜单

点击查看效果以及代码!!!!




    
    Title
    


    

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113456.html

相关文章

  • JS基础入门)—事件对象以及案例

    摘要:案例一点击按钮,选中中的全部内容方法选中全部。点击按钮选中输入框中的内容点击此按钮选中的全部内容案例二点击按钮,选中中的全部内容,并复制到粘贴板上。事件对象当发生事件,执行事件处理函数的时候,该时刻的详细信息。 案例一.点击按钮,选中input中的全部内容 select()方法:选中全部。 点击按钮选中输入框中的内容!!!! Title ...

    EsgynChina 评论0 收藏0
  • JS基础入门)—事件对象以及案例

    摘要:案例一点击按钮,选中中的全部内容方法选中全部。点击按钮选中输入框中的内容点击此按钮选中的全部内容案例二点击按钮,选中中的全部内容,并复制到粘贴板上。事件对象当发生事件,执行事件处理函数的时候,该时刻的详细信息。 案例一.点击按钮,选中input中的全部内容 select()方法:选中全部。 点击按钮选中输入框中的内容!!!! Title ...

    OldPanda 评论0 收藏0
  • JS基础入门)—事件事件对象(一)

    摘要:事件事件的定义所有的元素都有事件,我们要做的就是为事件绑定函数,当元素发生事件时就会出发对应的函数。当我们没有为事件绑定函数时,事件的值为。点击事件需要注意的是事件名是,不是。鼠标移动事件鼠标移动持续触发,当鼠标移出此元素上停止触发。 1.事件 事件的定义:所有的元素都有事件,我们要做的就是为事件绑定函数,当元素发生事件时就会出发对应的函数。当我们没有为事件绑定函数时,事件的值为nul...

    entner 评论0 收藏0
  • JS基础入门)—事件事件对象(一)

    摘要:事件事件的定义所有的元素都有事件,我们要做的就是为事件绑定函数,当元素发生事件时就会出发对应的函数。当我们没有为事件绑定函数时,事件的值为。点击事件需要注意的是事件名是,不是。鼠标移动事件鼠标移动持续触发,当鼠标移出此元素上停止触发。 1.事件 事件的定义:所有的元素都有事件,我们要做的就是为事件绑定函数,当元素发生事件时就会出发对应的函数。当我们没有为事件绑定函数时,事件的值为nul...

    ranwu 评论0 收藏0
  • JS基础入门)—事件事件对象(一)

    摘要:事件事件的定义所有的元素都有事件,我们要做的就是为事件绑定函数,当元素发生事件时就会出发对应的函数。当我们没有为事件绑定函数时,事件的值为。点击事件需要注意的是事件名是,不是。鼠标移动事件鼠标移动持续触发,当鼠标移出此元素上停止触发。 1.事件 事件的定义:所有的元素都有事件,我们要做的就是为事件绑定函数,当元素发生事件时就会出发对应的函数。当我们没有为事件绑定函数时,事件的值为nul...

    罗志环 评论0 收藏0

发表评论

0条评论

DevTTL

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<