javascript基础之客户端事件驱动

编程之家收集整理的这篇文章主要介绍了javascript基础之客户端事件驱动编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

  我们知道,面向对象发展起来后,“一夜之间”,几乎所有的语言都能基于对象了,JavaScript也是基于对象的语言。用户在浏览器上的行为称作“事件”,之后引发的一系列动作,比如弹窗啦,改变浏览器大小啦,验证啦,balabala,都叫做“事件驱动”。当然,这次我主要介绍几个常常发生的事件。

  ps:对于js脚本的支持以浏览器而定!!!有的低版本的浏览器可能不支持!!!

1.单击事件(onClick)

  啥叫单击事件呢?当用户单击鼠标按钮是,就会产生单击事件。同时onclick指定的事件处理程序将会被调用。通常应用在button(按钮对象)、checkBox(复选框)、radio(单选按钮)、reset buttons(重置按钮)、submit buttons(提交按钮)上。

  放大招:

 1 <!DOCTYPE html>
 2 <html lang="en" 3 head 4     Meta charset="UTF-8" 5     title>js基础之单击事件</ 6 
 7  8 body 9 form10     script language="JavaScript"11         function aclick(){
12             alert("你刚才单击了按钮);
13         }
14     script15     input type="button" value="按钮" onclick= "aclick()" />
16 17 
18 19 html>

  效果如下图:

 

2.更改事件(onChange)

  一旦用户更改表单的值时,就会触发onchange事件。

  代码如下:

>js基础之更改事件 6      7          check() {
 8 文本框的值发生了变化 9 11 12 13 ="text"="这是一个文本框" name="name" onchange="check()"15 >
17 >

 

  效果如下图 :

3.选中事件(onSelect)

  当页面中的元素被选中时,就会触发onselect事件。

  代码如下:

>

  效果如下图:

4.加载事件(onLoad)

  加载事件是在刚刚打开网页时,触发的事件。

  代码如下:

>js基础之加载事件 check(){
莫急莫急,小D正在骑马来的路上,O(∩_∩)O哈哈~body onload14 >

  效果如下图:

5.卸载前事件(beforeunload)

  确切说,称为“离开页面前事件”比较恰当,当你单击当前标签页的关闭按钮时会触发此事件。

  代码如下:

>js基础之卸载前事件 check1(){
你真的要离我而去呢?╥﹏╥...onbeforeunload= "check1()"h1>这是用来验证卸载前事件的页面>

  效果如下图:

 

总结

以上是编程之家为你收集整理的javascript基础之客户端事件驱动全部内容,希望文章能够帮你解决javascript基础之客户端事件驱动所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢寻找一群志同道合、互帮互助的学习伙伴,可以点击下方链接加入:
编程之家官方1群
编程之家官方2群
编程之家官方3群
编程之家官方4群

相关文章

猜你在找的JavaScript相关文章

前几天在看js的相关内容,所以就简单写了一个二级联动菜单。分享一下。
我们知道,面向对象发展起来后,“一夜之间”,几乎所有的语言都能基于对象了,JavaScript也是基于对象的语言。用户在浏览器上的行为称作“事件”,之后引发的一系列动作,比如弹窗啦,改变浏览器大小啦,
JavaScript 表单验证 HTML 表单验证能够通过 JavaScript 来完成。 如果某个表单字段(fname)是空的,那么该函数会发出一条警告消息,并返回 false,以防止表单被提交出去
JavaScript 有三种类型的弹出框:警告框、确认框和提示框。 警告框 如果要确保信息传递给用户,通常会使用警告框。 当警告框弹出时,用户将需要单击“确定”来继续。 语法 window.alert
Math.random():获取0~1随机数Math.floor() method rounds a number DOWNWARDS to the nearest integer, and retu
function change(limit){ var size = &quot;&quot;; if(limit &lt; 0.1 * 1024){ //小于0.1KB,则转化成B size = l
一、故事背景: 1. 今天公司有个项目需求 2. 在前端页面实现一个倒计时功能 3. 初步设想:后端根据需求规定一个未来的时间,前端根据当前时间进行计算 4. 然后将时间格式化,时分秒的格式 5. 时
1、Token:token是客户端频繁向服务器端请求数据,服务器频繁的去数据库查询用户名和密码进行对比,判断用户名和密码正确与否,并作出相应的提示,在这样的背景下,token便应运而生了。 2、使用t
微信公众号搜索 “ 程序精选 ” ,选择关注!
微信公众号搜 "程序精选"关注