js常用的事件对象
- 事件源对象 event.srcElement.tagName event.srcElement.type
- 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture();
- 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey
- 事件返回值 event.returnValue
- 鼠标位置 event.x event.y
- 窗体活动元素 document.activeElement
- 绑定事件 document.captureEvents(Event.KEYDOWN);
- 访问窗体元素 document.all("txt").focus(); document.all("txt").select();
- 窗体命令 document.execCommand
- 窗体COOKIE document.cookie
- 菜单事件 document.oncontextmenu
- 创建元素 document.createElement("SPAN");
- 根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y).appendChild(ms)
- 窗体图片 document.images[索引]
- 窗体事件绑定 document.onmousedown=scrollwindow;
- 元素 document.窗体.elements[索引]
- 对象绑定事件 document.all.xxx.detachEvent('onclick',a);
- 插件数目 navigator.plugins
- 取变量类型 typeof($js_libpath) == "undefined"
- 下拉框 下拉框.options[索引] 下拉框.options.length
- 查找对象 document.getElementsByName("r1"); document.getElementById(id);
- 定时 timer=setInterval('scrollwindow()',delay); clearInterval(timer);
- UNCODE编码 escape() ,unescape
- 父对象 obj.parentElement(dhtml) obj.parentNode(dom)
- 交换表的行 TableID.moveRow(2,1)
- 替换CSS document.all.csss.href = "a.css";
- 并排显示 display:inline
- 隐藏焦点 hidefocus=true
- 根据宽度换行
- 自动刷新 <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
- 简单邮件 <a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">
- 快速转到位置 obj.scrollIntoView(true)
- 锚 <a name="first"> <a href="#first">anchors</a>
- 网页传递参数 location.search();
- 可编辑 obj.contenteditable=true
- 执行菜单命令 obj.execCommand
- 双字节字符 /[^\x00-\xff]/ 汉字 /[\u4e00-\u9fa5]/
- 让英文字符串超出表格宽度自动换行 word-wrap: break-word; word-break: break-all;
- 透明背景 <IFRAME src="/1.htm" width=300 height=180 allowtransparency></iframe>
- 获得style内容 obj.style.cssText
- HTML标签 document.documentElement.innerHTML
- 第一个style标签 document.styleSheets[0]
- style标签里的第一个样式 document.styleSheets[0].rules[0]
- 防止点击空链接时，页面往往重置到页首端。 <a href="javascript:function()">word</a>
- 上一网页源 asp: request.servervariables("HTTP_REFERER") javascript: document.referrer
- 释放内存 CollectGarbage();
- 禁止右键 document.oncontextmenu = function() { return false;}
- 禁止保存 <noscript><iframe src="/*.htm"></iframe></noscript>
- 禁止选取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>
- 禁止粘贴 <input type=text onpaste="return false">
- 地址栏图标 <link rel="Shortcut Icon" href="favicon.ico"> favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
- 收藏栏图标 <link rel="Bookmark" href="favicon.ico">
- 查看源码 <input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
- 关闭输入法 <input >
- 自动全选 <input type=text name=text1 value="123" onfocus="this.select()">
- ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9">
- 文本框的默认值 <input type=text value="123" onfocus="alert(this.defaultValue)">
- title换行 obj.title = "123 sdfs "
- 获得时间所代表的微秒 var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
- 窗口是否关闭 win.closed
- checkbox扁平 <input type=checkbox ><br>
- 获取选中内容 document.selection.createRange().duplicate().text
- 自动完成功能 <input type=text autocomplete=on>打开该功能 <input type=text autocomplete=off>关闭该功能
- 窗口最大化 <body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">
- 无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
- 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) encodeURIComponent对":"、"/"、";" 和 "?"也编码
- 表格行指示 <tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">
js常用的事件对象的更多相关文章
- 和我一起理解js中的事件对象
我们知道在JS中常用的事件有: 页面事件:load: 焦点事件:focus,blur: 鼠标事件:click,mouseout,mouseover,mousemove等: 键盘事件:keydown,k ...
- js笔记19 事件对象
1.常用的事件 onmouseover onmouseout onmousedown onmousemove onmouseup onclick onchange onfocus o ...
- js跨浏览器事件对象、事件处理程序
项目中有时候会不用jquery这么好用的框架,需要自己封装一些事件对象和事件处理程序,像封装AJAX那样:这里面考虑最多的还是浏览器的兼容问题,原生js封装如下:var EventUtil={ //节 ...
- js常用内置对象及方法
在js中万物皆对象:字符串,数组,数值,函数...... 内置对象都有自己的属性和方法,访问方法如下: 对象名.属性名称: 对象名.方法名称 1.Array数组对象 unshift( ) 数组开 ...
- JS中的事件&对象
一.JS中的事件 (一)JS中的事件分类 1.鼠标事件 click/dblclick/onmouseover/onmouseout 2.HTML事件 onload/onscroll/onsubmit/ ...
- JS中的事件(对象，冒泡，委托，绑定)
- 事件,是文档或浏览器窗口中发生的一些特定的交互瞬间,JS与HTML之间的交互是通过事件实现的 对于web应用来说,有下面这些代表性事件:点击事件,鼠标移动,按下键盘等等 - 事件,是用户和浏览器之 ...
- js中获取事件对象的方法小结
原文地址:http://jingyan.baidu.com/article/d8072ac4594d6cec95cefdac.html 事件对象 的获取很简单,很久前我们就知道IE中事件对象是作为全局 ...
- js事件处理、事件对象
事件类型分类: 1 添加在html结构中的事件 <div id="div1" onclick="alert('append click event in html' ...
- 【js】event(事件对象)详解
1.事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 什么时候会产生Event 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元 ...
随机推荐
- Java反射机制demo（六）—获得并操作一个类的属性
Java反射机制demo(六)—获得并操作一个类的属性 获得并操作一个类的属性?! 不可思议啊,一个类的属性一般都是私有成员变量啊,private修饰符啊! 但是毫无疑问,这些东西在Java的反射机制 ...
- idea集成项目管理工具 --- Maven 并且【配置tomcat】
介绍: 1.项目管理工具 POM Porject Object Model 2.可以管理项目中的的jar包依赖 3.maven jar包中央仓库:http://mvnrepository.c ...
- Linux驱动之内存访问
<背景> 内存会以分页方式组织内存,而且每页大小和计算机体系结构有关系,Linux中每个页都有对应的struct page{} 与之对应. ...
- hdu 3061 最大权闭合子图
属于模板题吧... #include <cstdio> #include <cstring> #include <vector> #define min(a,b) ...
- BZOJ 4421: [Cerc2015] Digit Division 排列组合
4421: [Cerc2015] Digit Division 题目连接: http://www.lydsy.com/JudgeOnline/problem.php?id=4421 Descripti ...
- java 反射机制之 getDeclaredMethod（）获取方法，然后invoke执行实例对应的方法
关于反射中getDeclaredMethod().invoke()的学习,来源于项目中的一行代码: SubjectService.class.getDeclaredMethod(autoMatchCo ...
- 一行代码提取url中querystring的某个key的值
var itemdata = "OrderFilter=0&ProjectTag=15&DateType=0"; var projectTag = itemdata ...
- Git_分支管理
分支就是科幻电影里面的平行宇宙,当你正在电脑前努力学习Git的时候,另一个你正在另一个平行宇宙里努力学习SVN. 如果两个平行宇宙互不干扰,那对现在的你也没啥影响.不过,在某个时间点,两个平行宇宙合并 ...
- PHP常量定义之define与const对比
简要归纳PHP中两个常量定义关键字的区别: 1.define是函数,const是语言结构,PHP编译时const速度快.2.define只能用在类外,const类内类外皆可.3.define定义的常量 ...
- CentOS 7编译openssl
# 编译安装zlib库wget http://zlib.net/zlib-1.2.11.tar.gztar -zxvf zlib-1.2.11.tar.gz cd zlib-1.2.11 ./conf ...