专业IT网络知识平台,分享IT百科知识、生活百科知识解答!

易企推科技
易企推科技

attachevent属性和用法

来源:小易整编  作者:小易  发布时间:2023-03-15 02:32
摘要:EVENT(上)之前我们简单的了解过一些事件,比如onclick/onload/onscroll/...今天开始,我们详细的学习一些事件什么是事件一个事件由什么东西组成触发谁的事件:事件源触发什么事件:事件类型触发以后做什么:事件处理函数v...
    • altKey :alt 键按下得到 true,否则得到 false

    • shiftKey :shift 键按下得到 true,否则得到 false

    • ctrlKey :ctrl 键按下得到 true,否则得到 false

  • 我们就可以通过这三个属性来判断是否按下了

_document.onkeyup = function (e) {e = e || window.eventkeyCode = e.keyCode || e.whichif (e.altKey && keyCode === 65) {console.log('你同时按下了 alt 和 a')}}

事件的绑定方式

  • 我们现在给一个注册事件都是使用 onxxx 的方式

  • 但是这个方式不是很好,只能给一个元素注册一个事件

  • 一旦写了第二个事件,那么第一个就被覆盖了

oDiv.onclick = function () {console.log('我是第一个事件')}oDiv.onclick = function () {console.log('我是第二个事件')}

    • 当你点击的时候,只会执行第二个,第一个就没有了

  • 我们还有一种事件监听的方式去给元素绑定事件

  • 使用 addEventListener 的方式添加

    • 这个方法不兼容,在 IE 里面要使用 attachEvent

事件监听

  • addEventListener : 非 IE 7 8 下使用

  • 语法:元素.addEventListener('事件类型', 事件处理函数, 冒泡还是捕获)

oDiv.addEventListener('click', function () {console.log('我是第一个事件')}, false)oDiv.addEventListener('click', function () {console.log('我是第二个事件')}, false)

    • 当你点击 div 的时候,两个函数都会执行,并且会按照你注册的顺序执行

    • 先打印 我是第一个事件 再打印 我是第二个事件

    • 注意:事件类型的时候不要写 on,点击事件就是 click,不是 onclick

  • attachEvent :IE 7 8 下使用

  • 语法:元素.attachEvent('事件类型', 事件处理函数)

oDiv.attachEvent('onclick', function () {console.log('我是第一个事件')})oDiv.attachEvent('onclick', function () {console.log('我是第二个事件')})

    • 当你点击 div 的时候,两个函数都会执行,并且会按照你注册的顺序倒叙执行

    • 先打印 我是第二个事件 再打印 我是第一个事件

    • 注意:事件类型的时候要写 on,点击事件就行 onclick

两个方式的区别

  • 注册事件的时候事件类型参数的书写

    • addEventListener :不用写 on

    • attachEvent :要写 on

  • 参数个数

    • addEventListener :一般是三个常用参数

    • attachEvent :两个参数

  • 执行顺序

    • addEventListener :顺序注册,顺序执行

    • attachEvent :顺序注册,倒叙执行

  • 适用浏览器

    • addEventListener :非 IE 7 8 的浏览器

    • attachEvent :IE 7 8 浏览器


本文地址:网络知识频道 https://www.hkm168.com/jiqiao/927140_3.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!

共3页 1 2 3 当前是最后一页

网络知识
小编:小易整编
相关文章相关阅读
  • 什么是Linux系统中nc命令?nc命令的用法详解

    什么是Linux系统中nc命令?nc命令的用法详解

    这篇文章主要介绍了linux系统中nc命令的基本用法,nc命令非常之强大,这里先简单介绍它用来作端口扫描以及文件传输等的基础使用。功能说明:功能强大的网络工具,在网络工具中有“瑞士军刀”美誉,其有Windows和Linux的版本。因为它短小...

  • 数据库的substr函数用法是什么

    数据库的substr函数用法是什么

    数据库的substr函数用法:1、【substr(str,pos,len)】从pos开始的位置,截取len个字符;2、【substr(str,pos)】pos开始的位置,一直截取到最后。数据库的substr函数用法:1、SUBSTR(st...

  • c语言中pow函数的用法是什么?

    c语言中pow函数的用法是什么?

    在c语言中pow()函数是用来求x的y次幂。x、y及函数值都是double型,其语法为“doublepow(doublex,doubley)”;其中参数“doublex”表示底数;参数“doubley”表示指数。pow()函数...

  • c语言中fun用法详解

    c语言中fun用法详解

    c语言中fun用法详解fun函数是自定义的C/C++语言函数,函数功能多样。该函数名为“函数”英文function的简写,一般在示例和试题中使用,通常在主函数中被调用。C/C++语言中,fun函数通常被主函数所调用。它是指用fun来定义一个...

  • matlab中zeros函数用法

    matlab中zeros函数用法

    matlab中zeros函数是用于返回一个double类零矩阵,其用法是:1、在命令行窗口中输入“b=zeros(5)”,按回车键可生成一个“5*5”的零矩阵;2、在命令行窗口中输入“b=zeros(3,4)”,并按回车键即可。zeros函...

  • jquery中select2的用法是什么

    jquery中select2的用法是什么

    在jquery中,select2用于优化select使其支持单选和多选,同时也支持分组显示、列表检索,是一款基于jquery的下拉列表插件,调用语法为“$(select).select2()”。本教程操作环境:windows10系统、jq...

  • linux中grep的用法是什么

    linux中grep的用法是什么

    在linux中,grep命令用于查找文件里符合条件的字符串,语法为“grep选项模式文件”;该命令可以查找包含指定范本样式的文件,如果文件内容符合指定的范本样式,就会把含有范本样式的那一列显示出来。本教程操作环境:linux7.3系统...

  • 电脑双击打开的是属性怎么办

    电脑双击打开的是属性怎么办

    电脑双击打开的是属性的解决办法:1、打开“开始”菜单,点击“运行”选项;2、在打开的“运行”窗口中,输入“msconfig”命令,点击“确认”;3、在“系统配置”窗口点击“启动”选项卡;4、在启动的列表框中,把所有启动项的勾选去掉;5、按“...

  • 周排行
  • 月排行
  • 年排行

精彩推荐