JavaScript HTML DOM事件

Posted 千彧

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript HTML DOM事件相关的知识,希望对你有一定的参考价值。

html DOM 使javascript有能力对HTML事件作出反应。

HTML事件的例子:

  • 当用户点击鼠标时
  • 当网页已加载时
  • 当图像已加载时
  • 当鼠标移动到元素上时
  • 当输入字段被改变时
  • 当提交HTML表单时
  • 当用户触发按键时

HTML事件属性为HTML事件分配事件

<button onclick="displayDate()">点击这里</button>

使用HTML DOM 来分配事件

1 <script>
2 document.getElementById("myBtn").onclick=function(){displayDate()};
3 </script>

onload和onunload事件

onload和onunload事件会在用户 进入或离开页面时被触发

onload事件可以用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本

onload和onunload事件可用于处理cookie

<body onload="checkCookies()">

 

以上是关于JavaScript HTML DOM事件的主要内容,如果未能解决你的问题,请参考以下文章

更改页面javascript代码(TamperMonkey)以将键盘笔触发送到父DOM

使用 JQuery ajax 在 DOM 操作后附加事件

javaScript DOM编程艺术

2014年辛星解读Javascript之DOM之事件及其绑定

JavaScript绑定事件的方法[3种]

JavaScript单行代码,也就是代码片段