html JS 的各种触发事件

适用浏览器FF:Firefox  N:Netscape  IE:Internet Explorer

鼠标事件:

onclick        鼠标点击一次

ondclick      鼠标点击两次

onmousedown    鼠标按下

onmousemove   鼠标移动

onmouseout      鼠标移开

onmouseover    鼠标移至某元素上

onmouseup      鼠标松开

键盘事件:

onkeydown  某个键盘的键按下

onkeypress  某键按下或按住

onkeyup     某键被松开

文件加载事件:

onabort    图片加载被中断

onerror     加载时发生错误

onload     加载完成

其他:

onfocus      元素获得焦点

onsubmit   点提交

onunload    退出页面

onblur        元素失去焦点

onchange    用户改变区域内容

onreset       重置按键被点击

onresize      窗口或框架被调整尺寸

onselect      文本被选定

onpropertychange  文本框内任何属性改变

时间: 2024-10-12 17:46:27

html JS 的各种触发事件的相关文章

JS中手动触发事件的方法

早就和凌乱说好要发的一篇文章 由于最近工作实在太忙给耽搁了 以下就是抽了个半夜草草写的一点文字,请大家见谅. 主要讲解下方法,实例就不多写了 为大家起一个抛砖引玉的作用 如果大家将一张网页看成一个form的话,大致上就成了一个web form的模型.在win form 下要想手动触发某一个对象的事件是很简单的,只要发送一条消息即可达成.(PostMessage) 但是网页并不是基于消息机制的,如果我们想在一张网页上写出一个类似于按键精灵的功能该如何实现呢?为大家介绍js下的几个方法:1. cre

js设置回车键触发事件

设置按回车键时触发查询事件: document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { search(); } } 参考自: http://www.cnblogs.com/wenbo/archive/2011/08/20/2147014.html

JS点击触发事件 AJAX传值

1 <script> 2 $(function () { 3 $("#pageData").delegate(".purchaseModal","click", function(event){ 4 var $this = $(this); 5 var sku = $this.parents("tr").find("td:eq(0)").text(); 6 $(".modal-body

原生js自动触发事件

熟悉jquery的童鞋都知道在jq中有一个方法可以自动触发事件,那就是trigger(),那么通过原生js又怎么模拟触发呢? js中添加一个主动触发事件的方法有dispatch.该方法能模拟用户行为,如点击(click)操作等. 标准使用dispatchEvent方法,IE6/7/8则使用fireEvent方法. dispatchEvent() 方法给节点分派一个合成事件. 语法如下: dispatchEvent(eventObj) eventObj 参数是一个描述事件的 ActionScrip

JS 页面加载触发事件 document.ready和onload的区别

JS 页面加载触发事件 document.ready和onload的区别 document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件): 二是onload,指示页面包含图片等文件在内的所有元素都加载完成. 1.Dom Ready 用jQ的人很多人都是这么开始写脚本的: $(function(){       // do something }); 例如: $(functi

html5与js关于input[type=&#39;text&#39;]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick=&quot;select();&quot;。做购物车页面时会要用到。

关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();".做购物车页面时会要用到. input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange: 1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次

js代码赋值触发select控件的onchange事件

嗯,现在在一个小公司实习,直接接触代码收获不小.  现在有个需求是4级联动的select过滤,需要js代码赋值并触发onchange来调用ajax方法,于是问题是怎样触发,找了些资料并且自己尝试了一下,验证无误. 代码在chrome.IE8.ff浏览器测试均通过,记在这里以备查阅~ <html> <head> </head> <body> <select id="sel" name="mysel" onchang

JS触发事件大全

      事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown IE4.N4 按下鼠标时触发此事件 onmouseup IE4.N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3.N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4.N4 鼠标移动时触发此事件 onmouseout IE4.N3 当鼠标离开某对象范围时触发此事件 onke

js 主动触发事件

//主动触发事件:触发鼠标被按下事件 var btn2 =document.getElementById("btn2"); var btn = document.getElementById("btn"); //步骤1:先创建1个事件 var evObj = document.createEvent("MouseEvents"); //步骤2:初始化这个event evObj.initEvent("click",true,tr