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 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元 ...
随机推荐
- 一文搞定 Mybatis 的应用
Mybatis 介绍 Mybatis 是一个开源的持久层框架,原来叫 ibatis ,它对 jdbc 操作数据库的过程进行了封装,使开发者只需要关注 SQL 本身,而不需要花费精力去处理例如注册驱动. ...
- [leetcode tree]98. Validate Binary Search Tree
Given a binary tree, determine if it is a valid binary search tree (BST). Assume a BST is defined as ...
- 【二分答案】Google Code Jam Round 1A 2018
题意:有R个机器人,去买B件商品,有C个收银员,每个收银员有能处理的商品数量上限mi,处理单件商品所需的时间si,以及最后的装袋时间pi. 每个收银员最多只能对应一个机器人,每个机器人也最多只能对应一 ...
- 浅谈期望的线性性(可加性)【CodeForces280c】【bzoj3036】【bzoj3143】
[pixiv] https://www.pixiv.net/member_illust.php?mode=medium&illust_id=63399955 向大(hei)佬(e)势力学(di ...
- [PA2014]Pakowanie
[PA2014]Pakowanie 题目大意: \(n(n\le24)\)个物品和\(m(m\le100)\)个背包,每个物体有一个体积\(a_i\),每个背包有一个容量\(c_i\).问装完所有物品 ...
- hdu 4462 第37届ACM/ICPC 杭州赛区 J题
题意:有一块n*n的田,田上有一些点可以放置稻草人,再给出一些稻草人,每个稻草人有其覆盖的距离ri,距离为曼哈顿距离,求要覆盖到所有的格子最少需要放置几个稻草人 由于稻草人数量很少,所以状态压缩枚举, ...
- Educational Codeforces Round 13 D. Iterated Linear Function 水题
D. Iterated Linear Function 题目连接: http://www.codeforces.com/contest/678/problem/D Description Consid ...
- Windows下Python版本的切换
通常在Windows系统下我们可能安装了多个Python版本,那么该如何进行版本的切换呢?下面就Python2.7与Python3.0版本进行简单说明. 1.首先需要在Windows上安装Python ...
- java编译优化
#java编译器对`String常量表达式`的优化: - 1.String+String 可以被编译器识别为常量表达 String a="ab" ; String b=" ...
- Git_标签管理
发布一个版本时,我们通常先在版本库中打一个标签,这样,就唯一确定了打标签时刻的版本.将来无论什么时候,取某个标签的版本,就是把那个打标签的时刻的历史版本取出来.所以,标签也是版本库的一个快照. Git ...