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:[email protected]?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 >
  • 无关闭按钮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‘">
时间: 2024-11-05 19:29:59

js常用的事件对象的相关文章

js跨浏览器事件对象、事件处理程序

项目中有时候会不用jquery这么好用的框架,需要自己封装一些事件对象和事件处理程序,像封装AJAX那样:这里面考虑最多的还是浏览器的兼容问题,原生js封装如下:var EventUtil={ //节点.事件名.事件处理函数 addHanler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false);//这里一个参数为false意为在事件冒

js常用内置对象及方法

在js中万物皆对象:字符串,数组,数值,函数...... 内置对象都有自己的属性和方法,访问方法如下: 对象名.属性名称: 对象名.方法名称 1.Array数组对象 unshift( )    数组开头增加 功能:给数组开头增加一个或多个 参数:一个或多个 返回值:数组的长度 原数组发生改变 shift( )        数组开头删除一项 功能:给数组开头删除一个 参数:无 返回值:被删除的内容 原数组发生改变 push( )       数组末尾增加 功能:给数组末尾增加一项或多项 参数:一

JS中的事件(对象,冒泡,委托,绑定)

- 事件,是文档或浏览器窗口中发生的一些特定的交互瞬间,JS与HTML之间的交互是通过事件实现的 对于web应用来说,有下面这些代表性事件:点击事件,鼠标移动,按下键盘等等 - 事件,是用户和浏览器之间的交互行为 我们可以在事件对应的属性中设置一些js代码,当事件被触发时,这些代码会执行 文档的加载: 浏览器在加载一个页面时,是按照自上而下的顺序加载的, 读取到一行就运行一行,在代码执行时,页面还没有加载 将js代码编写到页面的下面,确保页面加载完毕以后再执行js代码 window.onload

js事件处理、事件对象

事件类型分类: 1 添加在html结构中的事件 <div id="div1" onclick="alert('append click event in html')"> </div> 点击div1之后弹出 append click event in html:其实在html结构中添加的事件也属于dom0级事件. 2 dom0级事件处理 <div id="div1"> </div> <scri

JS事件处理和事件对象

1.HTML事件处理 直接添加到html结构中处理程序属性 <body> <button onclick="demo()">按钮</button> <script> function demo(){ alert("html事件处理"); } </script> </body> 这种html事件处理有很大坏处是修改一处函数名称必须同时修改两处(onclick事件内容也要修改) 2.DOMO级事件处

js的event事件对象汇总

JavaScript事件对象是浏览器默认传入的,但是对于浏览器的兼容问题,我们需要对事件对象进行兼容.但是jQuery已经帮我们解决了所有兼容性的问题,并且给我们添加了很多有用的方法.已经是比较历史的问题了,给大家提供参考.1.event.target 获取绑定事件的DOM元素2.event.type 获取事件的类型3.event.data 获取事件中传递的数据4.event.pagX/pagY 获取根据页面原点的X,Y值5.event.screenX/screenY 获取根据显示器窗口的X,Y

js常用内置对象、Dom对象、BOM对象

11.html元素事件属性中,如onclick="",双引号里可以是方法条用,可以是js代码(无需加<script>标签) 12.JavaScript内置 对象.属性和方法(您也应该避免使用 JavaScript 内置的对象.属性和方法的名称作为 Javascript 的变量或函数名):Array     Date     eval     function     hasOwnPropertyInfinity     isFinite     isNaN     isPr

JS常用类型事件

常用的类型:1.数学:Math.ceil():天花板数Math.floor():地板数Math.round():四舍五入取整数Math.random():生成0-1之间的随机数 2.日期时间:var s = new Date();var s = new Date(1999,7,23);函数:getFullYear():getMonth():getDate():获取日getHours()getMinutes()getSeconds()getDay():获取星期setFullYear(year,mo

JS的常用内置对象及方法

大家好,我是逆战班的一名学员,今天我给大家介绍一下关于JS常用内置对象及其使用方法的相关知识. 对于JS的内置对象,我所了解的有Array对象.Math对象.Date对象 一.Array对象 1.concat() 例:var arr1=arr. concat (1,2,3) var arr1=arr. concat (arr) 表示把几个数组或元素合并成一个数组 2.join() 例:var str= arr. join( ) 设置分隔符连接数组元素为一个字符串 3.pop() 例:arr. p