YutfIKDT4bbf
在前端开发工作中，由于浏览器兼容性等问题，触发事件对象的方法不同，分为IE和非IE两种。下面主要介绍跨浏览器触发目标事件、阻止事件的默认行为、阻止事件冒泡 varEventUtil={ target:function(e){//目标事件 e=e||window.event; returne.target||e.srcElement; }, preventDefault:function(e){//阻止事件的默认行为 e=e||window.event; if(e.preventDefault){ e.preventDefault(); }else{ e.returnVal...
functionrandomColor(){ r=Math.floor(Math.random()255).toString(16); g=Math.floor(Math.random()255).toString(16); b=Math.floor(Math.random()255).toString(16); return""+r+g+b; } vardiv=document.getElementById("div"); varclr=randomColor(); div.style.color=clr;
如果我们要让某个DOM节点监听事件，最简单的方法就是使用on+xxx方法，但是如下时,后面的事件会把前面的事件覆盖掉，只会弹出2。 vardiv=document.getElementById('div'); div.onclick=function(){ alert(1); } div.onclick=function(){ alert(2); } 我们可以使用以下方法来解决这个问题。 //绑定事件监听器 functionaddEventHandler(target,type,func){ if(target.addEventListener){target.addEve...
在JavaScript中replace函数作为字符串替换函数，这是一个威力强大的字符串操作函数，对于常见字符串操作的推荐用法。这篇随笔就来更加深入的理解它。 replace函数接受两个参数,第一个参数为字符串或正则表达式，第一个参数同样可以接受一个字符串，还可能是一个函数。 首先对于第一个参数为字符串的我们不再需要多说"Iamaboy".replace("boy","...
定义：this是包含它的函数作为方法被调用时所属的对象。this就是当前运行时的对象说明：这句话有点咬嘴，但一个多余的字也没有，定义非常准确，我们可以分3部分来理解它！ 1、包含它的函数。2、作为方法被调用时。3、所属的对象。看例子： functionto_green(){ this.style.color="green"; } to_green(); 上面函数中的this指的是谁？分析：包含this的函数是，to_green 该函数作为方法被调用了...
所谓省略就是把多余的字以“...”显示出来，而显示则是当鼠标移动到td上时，把省略的字重新显示出来。对于一个table，兼容IE与FF、Chrome的省略方式CSS写法： 1table{ 2width:200px; 3table-layout:fixed; 4} 5.autocut{ 6overflow:hidden; 7white-space:nowrap; 8text-overflow:ellipsis; 9-o-text-overflow:ellipsis; 10-icab-text-overflow:ellipsis; 11-khtml-text-overflow:ellips...
//参数obj:要禁止选中文本的元素的jquery对象 //参数enabled:true,可选中;false,不可选中 functionsetSelectable(obj,enabled){ if(enabled){ obj.removeAttr("unselectable").removeAttr("onselectstart").css("-moz-user-select","").css("-webkit-user-select",""); }else{ obj.attr("unselectable","on").attr("onselectstart","returnfalse;"...
事件对象 在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型，以及其他与特定事件相关的信息。例如，鼠标操作导致的事件对象中，会包含鼠标位置的信息，而键盘操作导致的事件对象中，会包含与按下的键有关的信息。所有浏览器对象都支持event对象，但支持方式不同。DOM中的事件对象 兼容DOM的浏览器会将一个event对象传入到事件处理程序中。无论指定事件处理程序时使用什么方法（DOM0级或DOM2级），都会传入event对象。来看下面的例子 varbtn=document.getEle...
例子下载地址 http://www.baidupcs.com/file/3656787519c88489167e7e1caa5f7801?fid=2467423588-250528-2508150713&time=1362982485&sign=FDTA-DCb740ccc5511e5e8fedcff06b081203-J6HlqV0zl3%2F2g84ONZKQKWjfW2g%3D&expires=1h 大家来了解一下里面的参数和js文件我和美工已经修改过来用到项目中还不错 $('Firefoxapp').AeroWindow({//直接打开页面就加载 Windo...
前言：很久没有写js代码了，为了提升自己对js的认识，编写高质量的js代码，最近在看JavaScript模式一书，结合自己的理解总结一些知识点。 作者：华子yjh 一、深入理解JavaScript中的函数 1、函数是(一等)对象 函数可以通过内置构造函数来创建： varfn1=function(){} varfn2=newfunction(){}; //在以上两行代码中，第二行代码更能体现出函数是一个对象. 函数可以拥有属性 varfn=function(){} fn.NUM=100; console.log(fn.NUM);//100 //上面代码中，fn...
什么是继承啊？答：别人白给你的过程就叫继承。 为什么要用继承呢？答：捡现成的呗。 好吧，既然大家都想捡现成的，那就要学会怎么继承！ 在了解之前，你需要先了解构造函数、对象、原型链等概念...... JS里常用的两种继承方式： 原型链继承（对象间的继承） 类式继承（构造函数间的继承） 原型链继承： //要继承的对象 varparent={ name:"baba" say:function(){ alert("Iambaba"); } } //新对象 varchild=proInherit(parent); //测试 alert(child.name);//"baba" ch...
ES3 中，delete在8.6.2.5及11.4.1有介绍，如下 有一些信息， 1、实现上delete操作符会调用引擎内部的[[Delete]]方法 2、[[Delete]]在8.6.2里定义 3、删除的属性有个DontDelete的特性，如果有，delete时直接返回false 搜索“DontDelete”，会发现有很多，如下都不能delete 1，激活对象的arguments对象(10.1.6) functionfunc(){ deletearguments; alert(arguments); } func(1); ...
1、很多资料说，添加以下代码,可以隐藏地址栏，但我试了很多次，貌似不成功啊。 <metaname="apple-mobile-web-app-capable"content="yes"/> 2、我们可以通过另一种方法来隐藏地址栏。在页面加载完成之后滚动窗口，这个确实有效，唯一要注意的是页面高度必须够高，核心代码如下: <scripttype="text/javascript"> addEventListener("load",function(){setTimeout(hideURLbar,0);},false); functionhideURLba...
引子： 在ASP.Net页面中textbox的index为1（或n）,其后的提交按钮index为2（n+1）,光标在textbox中,回车后自动焦点移动到后面的button上,会触发button的点击事件。 但在Lyncplus客户端中访问Web页面时遇到了TextBox控件回车自动完成按钮的提交事件失效的情况(应该是自动切换焦点)。 由于并且该服务端TextBox控件没有提供OnKeyPress或OnKeyDown等事件，也无法针对回车事件写后台代码来调用Button按钮的点击事件。  ...
Textillate.js是一款实现极酷CSS3文本动画的简单插件。它整合了两个流行的工具库（animate.css和lettering.js）来提供易于使用的插件，能够把CSS3动画应用到文本内容上。 只要引入 textillate.js和它依赖的文件就能够给你的内容加上独一无二的特效。 官方网站 源码下载
ComponentJS0.9.6改进了调试器插件，从API中删除origin功能。 ComponentJS是一个独立的基于HTML5的富客户端组件开发包，提供多种WebUI常用的组件、MVC模式规则和事件、服务、钩子、模式、Socket和属性机制。