文档章节

event 事件对象

hey--老妖
 hey--老妖
发布于 2017/02/07 15:10
字数 509
阅读 5
收藏 0

事件:

onabort          对象载入被中断时触发

onblur                光标失焦事件

onchange          内容改变事件

onerror             出现错误时触发

onfocus              光标聚焦事件

onkeydown      键盘键(包括shift、alt等)被按下时触发

onkeypress       键盘键被按下,并产生一个字符时触发

onkeyout         释放键盘键是触发

onload               网页加载事件  //当打开网页的时候,就已经启动该事件

onunload         页面完全加载后被触发

onclick               点击事件      //为按钮等等绑定该事件,当点击的时候就触动该事件

onunclick          双击鼠标是触发

onmousedown     单击任何一个鼠标键触发

onmousemov      鼠标在某个元素上移动时持续触发

onmouseover    鼠标移动到某个元素是触发

onmouseout      鼠标移开事件

onscroll         在任何带滚动条或窗口上滚动时触发

onselect             内容选中事件

onbeforeunload     该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。

 window.onbeforeunload = function(){return "Are you sure?";}
//电脑加载事件
    window.onload=function(){
      alert(document.childNodes[1].tagName) //弹出网页第一个子节点的名
    }
 //点击网页获取坐标    兼容性 任何浏览器都可以用
 <script type="text/javascript">
  window.onload=function(){
    document.onclick=function(ev){
      var oevent=ev||event;
      alert(oevent.clientX+","+oevent.clientY)
    }
  }
  </script>

2.事件处理

我们单击按钮就会触发onclick事件,我们想弹出一个提示框、给服务器发送消息等等的动作,我们想执行的所有动作就是事件处理。

官方说法:事件处理程序是用于响应某个事件而执行的处理程序,事件处理程序可以是任意的JavaScript语句,通常使用函数来对事件进行处理。

1.在HTML中绑定:

<button onclick="checkName()">确定</button>

<script>
			function checkName(){
				var str=form1.txt.value;
				if(str==""){
					alert("输入框不能为空")
				}
			}
	</script>

2.在JavaScript中绑定:

<form id="form1">
		用户名:
		<input type="text" id="txt" keypress="tt()">
		<button id="btn">确定</button>
	</form>


	<script>
		var btn_1=document.getElementById("btn");
		btn_1.onclick=function(){
			alert("sssss")
		}
	</script>

 

© 著作权归作者所有

共有 人打赏支持
下一篇: JavaScript 函数
hey--老妖
粉丝 3
博文 38
码字总数 21133
作品 0
潮州
前端工程师
私信 提问
javaScript事件(三)事件对象

javaScript事件(三)事件对象 一、事件 二、事件流 以上内容见:javaScript事件(一)事件流 三、事件处理程序 四、IE事件处理程序 以上内容见javaScript事件(二)事件处理程序 五、事件对...

蜗牛奔跑
2015/06/24
0
0
FLEX程序设计--事件和事件机制--鼠标事件

事件类型 1.鼠标事件MouseEvent Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->package { import flash.display.Sprite; import ......

小麋鹿666
2017/02/10
0
0
flex程序设计--事件和事件处理机制--时间事件

时间事件TimerEvent } var moveTimer:Timer=new Timer(50,250);moveTimer.addEventListener(TimerEvent.TIMER,onTimer);moveTimer.start(); } 版权说明 如果标题未标有等字则属于作者原创,欢......

小麋鹿666
2017/02/10
0
0
FLEX程序设计--事件和事件机制--Event类

1.事件概述: 事件是系统与用户之间直接的交互方式.当用户向系统发出指令时,就会产生一个事件,用户就可以与系统对话. 1.1.事件的监听 在ActionScript3.0中,注册事件的侦听函数是通过addEventL...

小麋鹿666
2017/02/10
0
0
yii2 - Event 实例及源码分析

yii2 可以方便的使用 Event 组件基类 来实现 注册事件和监听触发 机制,每个事件都有自身的事件队列 首先要知道,yii2的事件一共有三类:对象级,类级,全局 Yii::$app 级 对象和 全局是通过...

big_cat
2016/05/27
188
0

没有更多内容

加载失败,请刷新页面

加载更多

四、RabbitMQ3.7在CentOS7下的安装

安装依赖 sudo yum install -y gcc gcc-c++ glibc-devel make ncurses-devel openssl-devel autoconf java-1.8.0-openjdk-devel git 创建yum源 vi /etc/yum.repos.d/rabbitmq-erlang.repo [......

XuePeng77
今天
2
0
android 延长Toast的时长

示例:myToast(5000,"hello"); public void myToast(int showTime, String msg) { Toast hello = Toast.makeText(getActivity(), msg, Toast.LENGTH_SHORT); new CountDownTimer(......

雨焰
昨天
4
0
浅谈mybatis的日志适配模式

Java开发中经常用到的日志框架有很多,Log4j、Log4j2、slf4j等等,Mybatis定义了一套统一的日志接口供上层使用,并为上述常用的日志框架提供了相应的适配器。有关适配器模式例子可以参考 设计...

算法之名
昨天
13
0
大数据教程(13.6)sqoop使用教程

上一章节,介绍了sqoop数据迁移工具安装以及简单导入实例的相关知识;本篇博客,博主将继续为小伙伴们分享sqoop的使用。 一、sqoop数据导入 (1)、导入关系表到HIVE ./sqoop import --connect...

em_aaron
昨天
3
0
Git cherry-pick 使用总结

应用背景:假设现在有两个分支:dev_01, dev_02. 如果我想把dev_01分支上的某几个commit合并到dev_02分支, 那么怎么办呢? 这就是cherry-pick的工作了。cherry-pick会捡选某些commit, 即把某...

天王盖地虎626
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部