博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js常用的事件对象
阅读量:6276 次
发布时间:2019-06-22

本文共 3475 字,大约阅读时间需要 11 分钟。

  • 事件源对象  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.οnmοusedοwn=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=""> 
  • 快速转到位置  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 οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()> 
  • 禁止粘贴  <input type=text οnpaste="return false">
  • 地址栏图标  <link rel="Shortcut Icon" href="favicon.ico">  favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
  • 收藏栏图标  <link rel="Bookmark" href="favicon.ico">
  • 查看源码  <input type=button value=查看网页源代码 οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
  • 关闭输入法  <input >
  • 自动全选  <input type=text name=text1 value="123" οnfοcus="this.select()">
  • ENTER键可以让光标移到下一个输入框  <input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">
  • 文本框的默认值  <input type=text value="123" οnfοcus="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 οnlοad="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 οnmοuseοver="this.bgColor='#f0f0f0'" οnmοuseοut="this.bgColor='#ffffff'">  

转载地址:http://ifgpa.baihongyu.com/

你可能感兴趣的文章
android中用ExpandableListView实现三级扩展列表
查看>>
%Error opening tftp://255.255.255.255/cisconet.cfg
查看>>
java读取excel、txt 文件内容,传到、显示到另一个页面的文本框里面。
查看>>
《从零开始学Swift》学习笔记(Day 51)——扩展构造函数
查看>>
python多线程队列安全
查看>>
[汇编语言学习笔记][第四章第一个程序的编写]
查看>>
android 打开各种文件(setDataAndType)转:
查看>>
补交:最最原始的第一次作业(当时没有选上课,所以不知道)
查看>>
Vue实例初始化的选项配置对象详解
查看>>
PLM产品技术的发展趋势 来源:e-works 作者:清软英泰 党伟升 罗先海 耿坤瑛
查看>>
vue part3.3 小案例ajax (axios) 及页面异步显示
查看>>
浅谈MVC3自定义分页
查看>>
.net中ashx文件有什么用?功能有那些,一般用在什么情况下?
查看>>
select、poll、epoll之间的区别总结[整理]【转】
查看>>
CSS基础知识(上)
查看>>
PHP中常见的面试题2(附答案)
查看>>
26.Azure备份服务器(下)
查看>>
mybatis学习
查看>>
LCD的接口类型详解
查看>>
Spring Boot Unregistering JMX-exposed beans on shutdown
查看>>