JS-常用事件集合

常见的事件如下：    事件  事件句柄  用法    blur  onblur   元素失去焦点。    focus  onfocus   元素获得焦点。

change  onchange  域的内容被改变。

click  onclick   当用户点击某个对象时调用的事件句柄。    dblclick ondblclick  当用户双击某个对象时调用的事件句柄。

keydown  onkeydown  某个键盘按键被按下。    keyup  onkeyup   某个键盘按键被松开。

load  onload   一张页面或一幅图像完成加载。

mousedown onmousedown  鼠标按钮被按下。    mousemove onmousemove  鼠标被移动。    mouseout onmouseout  鼠标从某元素移开。    mouseover onmouseover  鼠标移到某元素之上。    mouseup  onmouseup  鼠标按键被松开。

reset  onreset   重置按钮被点击。    submit  onsubmit  确认按钮被点击。

select  onselect  文本被选中。

 1 <!doctype html>
 2 <html lang="en">
 3  <head>
 4   <meta charset="UTF-8">
 5   <meta name="Generator" content="EditPlus?">
 6   <meta name="Author" content="">
 7   <meta name="Keywords" content="">
 8   <meta name="Description" content="">
 9   <title>事件</title>
10  </head>
11  <body >
12     <script type="text/javascript">
13     /*
14     1.javaScript是一种基于时间驱动型的编程语言：
15         1.1事件和事件句柄的关系：click，onclick
16         1.2事件句柄通常是某个标签的属性<input type="button" value="button" onclick="">
17         1.3事件发生之后，代码才会执行，事件不发生，不会执行JS代码
18         1.4常见的事件如下：
19             事件        事件句柄        用法
20             blur        onblur            元素失去焦点。
21             focus        onfocus            元素获得焦点。
22
23             change        onchange        域的内容被改变。
24
25             click        onclick            当用户点击某个对象时调用的事件句柄。
26             dblclick    ondblclick        当用户双击某个对象时调用的事件句柄。
27
28             keydown        onkeydown        某个键盘按键被按下。
29             keyup        onkeyup            某个键盘按键被松开。
30
31             load        onload            一张页面或一幅图像完成加载。
32
33             mousedown    onmousedown        鼠标按钮被按下。
34             mousemove    onmousemove        鼠标被移动。
35             mouseout    onmouseout        鼠标从某元素移开。
36             mouseover    onmouseover        鼠标移到某元素之上。
37             mouseup        onmouseup        鼠标按键被松开。
38
39             reset        onreset            重置按钮被点击。
40             submit        onsubmit        确认按钮被点击。
41
42             select        onselect        文本被选中。
43     */
44     </script>
45     blur/focus:<input type="text" onblur="alert(this.value)" onfocus="this.value=‘‘"/><br>
46
47     change:
48     <select onchange="alert(this.value)">
49         <option value="">-请选择省份-</option>
50         <option value="001">河北省</option>
51         <option value="002">河南省</option>
52         <option value="003">湖南省</option>
53     </select><br>
54
55     click/dblclick
56     <input type="button" value="单击" onclick="alert(1)">
57     <input type="button" value="双击" ondblclick="alert(2)"><br>
58
59     keydown/keyup:<input type="text" onkeydown="alert(‘a‘)"onkeyup="alert(‘b‘)"><br>
60
61     mouseout/mouseover:
62     <div style="border:1px solid red;width:200px;height:200px;position:absolute;top:300px;left:300px;" onmouseout="alert(‘您已进入雷区‘)" onmouseover="alert(‘您已安全‘)">雷区</div>
63
64  </body>
65 </html>

原文地址：https://www.cnblogs.com/xiuxiu123456/p/8520980.html

时间： 2024-11-15 11:22:55

JS-常用事件集合的相关文章

JS常用事件兼容性处理方法

event.js文件 //跨浏览器事件处理程序[根据能力检测调用] var EventObject = { //添加事件AddEvent:function(obj , type , eventFn){if(obj.addEventListener){//常用obj.addEventListener(type , eventFn , false);}else if(obj.attachEvent){//IE8及以下obj.attachEvent('on'+type , eventFn);}else

js 常用事件总结

无论web端还是手机端,用户的交互总伴随着事件监听 下面是我总结的一些常用到的事件 1.监听标签内容变化 非input元素 $(dom).bind('DOMNodeInserted',function(e){ console.log($(e).target.html) //IE8-不支持 }) $(dom).bind('DOMNodeRemoved',function(e){ console.log($(e).target.html) //IE8-不支持 }) input元素 var input

js常用事件及其用法

1.onload 和 onunload 事件 onload事件:指的是页面加载事件. onunload事件:指的是离开页面事件 <!DOCTYPE html> <html> <body onload="test()"> <script> function test() { if (navigator.cookieEnabled==true) { alert("已启用 cookie") } else { alert(&q

js 常用事件句柄总结

HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时启动一段 JavaScript.下面是一个属性列表,这些属性可插入 HTML 标签来定义事件动作. 属性 当以下情况发生时,出现此事件 FF N IE onabort 图像加载被中断 1 3 4 onblur 元素失去焦点 1 2 3 onchange 用户改变域的内容 1 2 3 onclick 鼠标点击某个对象 1 2 3 ondblclick 鼠标双击某个对象 1

JS常用事件

onload            某个页面或图像被完成加载onunload        用户退出页面 onabort          图像加载被中断 onblur            元素失去焦点 onchange       用户改变域的内容onerror          当加载文档或图像时发生某个错误 onfocus         元素获得焦点 onclick            鼠标点击某个对象 ondblclick        鼠标双击某个对象 onkeydown    

js 函数 常用事件 document事件 window对象

js入口函数 window.onload=function(){ } 函数 定义 有一定功能代码体的集合.函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 基本格式  function functionname(){执行代码 } 分类 基础函数 <script type="text/javascript"> function aa(){ alert("这是我的第一个函数"); } aa(); </script> 参数函数: fan

JS—触摸事件、手势事件

JS-触摸事件.手势事件 dbclick触屏设备不支持双击事件.双击浏览器窗口,会放大画面.可以通过在head标签内加上这么一行: <meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 可以实现,我们编写的页面不会随着用的手势而放大缩小.关于meta标签,我还没有研究过,罪过啊. mouse在触屏上

jQuery常用事件，each循环，引用当前时间

1.常用事件 click(function(){...}) #点击时触发hover(function(){...}) #鼠标移到时就触发blur(function(){...}) #失去焦点时触发focus(function(){...}) #获得焦点时触发change(function(){...})#值发生发化就触发keyup(function(){...}) off() 方法移除用 .on()绑定的事件处理程序.input(function(){...})实时监听input输入值变化 1.

js 常用正则表达式表单验证代码

js 常用正则表达式表单验证代码 js 常用正则表达式表单验证代码,以后大家就可以直接使用了. 正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下:测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证.替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字.根据模式匹配从字符串中提取一个子字符串.可以用来在文本或输入字段中

WebView使用详解（二）——WebViewClient与常用事件监听

登录|注册     关闭 启舰 当乌龟有了梦想-- 目录视图 摘要视图 订阅 异步赠书:Kotlin领衔10本好书      免费直播:AI时代,机器学习如何入门?      程序员8月书讯      每周荐书:Java Web.Python极客编程(评论送书) WebView使用详解(二)--WebViewClient与常用事件监听 2016-05-28 11:24 20083人阅读 评论(13) 收藏 举报  分类: 5.andriod开发(148)  版权声明:本文为博主原创文章,未经博主