快捷搜索:  汽车  科技

javascript常识点(一天一点JavaScript编程知识)

javascript常识点(一天一点JavaScript编程知识)这是用户单击鼠标左键时最常用的事件类型。上demo:二、onclick事件我们可以使用这些事件(Event)来执行JavaScript的响应,比如响应按钮、向用户显示消息、验证数据,等等。事件(Event)是文档对象模型(DOM)级别3(原文:document Object Model (DOM) Level 3)的一部分,每个HTML元素都包含一组可以触发JavaScript代码的事件(Event)。接下来,我们通过几个来理解一番:

javascript常识点(一天一点JavaScript编程知识)(1)

前言

前言写点啥呢?实在不知道该说些什么。直接开始我们JavaScript系列的Event内容吧。

正文

一、什么是Event

JavaScript与HTML的交互是通过用户或浏览器操作页面时发生的事件(Event)来处理的。

当页面加载时,它被称为事件(Event)。当用户单击按钮时,单击也是一个事件(Event)。其他示例包括按任意键、关闭窗口、调整窗口大小等事件(Event)。

我们可以使用这些事件(Event)来执行JavaScript的响应,比如响应按钮、向用户显示消息、验证数据,等等。

事件(Event)是文档对象模型(DOM)级别3(原文:document Object Model (DOM) Level 3)的一部分,每个HTML元素都包含一组可以触发JavaScript代码的事件(Event)。

接下来,我们通过几个来理解一番:

二、onclick事件

这是用户单击鼠标左键时最常用的事件类型。上demo:

javascript常识点(一天一点JavaScript编程知识)(2)

三、onsubmit事件

onsubmit是我们进行form表单时的事件。

接下来让我们通过一个demo来了解如何使用onsubmit。在向Web服务器提交表单数据之前,我们将调用validate()。如果validate()返回true,则将提交表单,否则将不提交数据。

PS:这里涉及的都是一些伪码,此外涉及一些前后端交互的内容。由于篇幅原理,这里不会过多的涉及。

javascript常识点(一天一点JavaScript编程知识)(3)

四、onmouseover和onmouseout事件

估计大家看名字就能猜到它们的作用吧?没错,当鼠标移到任何元素上时,onmouseover事件将触发;而当鼠标移出该元素时,onmouseout将触发。

上demo:

javascript常识点(一天一点JavaScript编程知识)(4)

五、HTML 5标准Events

由于H5事件比较的,这里简单罗列几个,更多内容,大家有兴趣可以前往官网一看究竟。

  1. Offline:document脱机时触发
  2. onbeforeonload:在加载document之前触发
  3. onblur:当窗口失去焦点时触发
  4. oncanplaythrough:当媒体可以播放到末尾而不停止缓冲时触发

......

尾声

最近文章写的有点多,内容质量不知道还能不能入各位的法眼...歇一歇有些累。

猜您喜欢: