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 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元 ...
随机推荐
- python3.6.5中pip3无法使用
1.在python命令行窗口中: python3 -m ensurepip 创建出pip3.exe.2.再在python3.6的安装目录下的Scripts路径下命令行 pip3 install XXX ...
- 转 Java高级程序员面试题
1.你认为项目中最重要的过程是那些? 分析.设计阶段 尽量找出进度的优先级 2.如果给你一个4-6人的team,怎么分配? 挑选一技术过硬的人作为我的替补.其它人平均分配任务,每周进行全面的任务分配 ...
- 排序算法之快速排序Java实现
排序算法之快速排序 舞蹈演示排序: 冒泡排序: http://t.cn/hrf58M 希尔排序:http://t.cn/hrosvb 选择排序:http://t.cn/hros6e 插入排序:ht ...
- 顺序线性表之大整数求和C++实现
顺序线性表之大整数求和 大整数求和伪代码 1.初始化进位标志 flag=0: 2.求大整数 A 和 B 的长度: int aLength = a.GetLength(); int bLength = ...
- bzoj 4573: [Zjoi2016]大森林 lct splay
http://www.lydsy.com/JudgeOnline/problem.php?id=4573 http://blog.csdn.net/lych_cys/article/details/5 ...
- wdcp(WDlinux Control Panel) 快速安装RPM包,lanmp一件安装
lanmp一键安装包是wdlinux官网2010年开始推出的lamp,lnmp,lnamp(apache,nginx,php,mysql,zend,eAccelerator,pureftpd)应用环境 ...
- python开发_tkinter_图形随鼠标移动
做这个东西的时候,灵感源自于一个js效果: 两个眼睛随鼠标移动而移动 运行效果: =============================================== 代码部分: ===== ...
- 移动端适配之REM
随着手机等移动设备的普及,移动端带来的流量已经不可忽视,一个网站不只是只有pc的页面就足够了,移动端的适配已经势在必行.但是移动设备种类繁多,屏幕尺寸也千奇百怪,能不能找到一种方式可以适配所有的手机屏 ...
- Spring Batch 批处理框架介绍
前言 在大型的企业应用中,或多或少都会存在大量的任务需要处理,如邮件批量通知所有将要过期的会员,日终更新订单信息等.而在批量处理任务的过程中,又需要注意很多细节,如任务异常.性能瓶颈等等.那么,使用一 ...
- spring---aop(5)---Spring AOP的配置的背后的配置
写在前面 Spring AOP中Pointcut,dvice 和 Advisor三个概念 1)切入点 Pointcut 在介绍Pointcut之前,有必要先介绍 Join Point(连接点)概念. ...