由于客户大多数是不懂电脑的大菜鸟。所以误操作比较多,有时没有选中文本框,然后不小心按了退格之后,刚刚辛苦填好的表单就什么也后退的没有了。网上查了好多资料,然后整合了一下。分享给大家。也希望酸奶姐姐来看看我的第一篇技术博客。呵呵(别介意我提到了你哦。)。废话不多说。上源码。 代码如下: $(function(){ //处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外 function banBackSpace(e){ var ev = e ||...
代码如下:CSS/Javascript demo function test(){ copyToClipboard("dddd"); } copyToClipboard = function(txt) {if(window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.setData("Text", txt);} else if(navigator.userAgent.indexOf("Opera") != -1) {window.location = txt;} else if (window.netscape) {try {netscape.security.PrivilegeManager.enablePrivilege("Universa...
弄了个很简单的例子判断IE浏览器版本是否过低 例子结构如下,其实一个页面加引入jquery就可以了,顺便弄了个标准结构(注意在IE6和IE7版本较低情况下下才看到它的提示效果) 代码如下: 检测IE浏览器版本是否过低 /*判断浏览器版本是否过低*/ $(document).ready(function() {s var b_name = navigator.appName; var b_version = navigator.appVersion; var version = b_version.split(";"); var trim_version = version[1].re...
window.event IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE:event.x和event.y。 FF:event.pageX和event.pageY。 通用:两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE:event.offsetX和event.offsetY。 FF:event.layerX和event.layerY。 标签的x和y的坐标位置:style.posLeft 和 style.posTop...
在实际的应用开发中,我们会常常用到JS的模事件,但有时会遇到一些问题,比如说点击事件,举个简单的例子,点击表单外的“提交”按钮来提交表单。上代码吧。 Html: 代码如下: 请单击“提交”,测试提交按钮的单击事件也被触发了。 提交 Javscript: 代码如下: var sub = document.getElementById("subbtn"); var btn = document.getElementById("btn"); //通用方法 btn.onclick = function() { sub.click(); } 经过测试,IE,...
一般事件 事件 浏览器支持 描述 onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O...
代码如下: 简单的事件处理 这个js的外部调用标签不能自结束 function clickD(obj){ alert(obj.innerHTML); } function mouseD(obj){ obj.style.color = "#f00"; //当使用代码来设置样式时,如果css中通过-来表示的,都必须要用驼峰标示font-size -> fontSize obj.style.fontSize = "16px"; } function outD(obj){ obj.style.color = "#000"; obj.style.fontSize = "18px"; } //with的用法 with(document){ write("dddd");...
工作中遇到的业务场景,和同事一起研究了下,主要是为了兼容IE版本 其实就是一些琐碎的知识点在网上搜集下解决方式,然后集成了下,主要有以下点: 1. IE input type=file的图片预览要用IE的filter cssprogid:DXImageTransform.Microsoft.AlphaImageLoader chrome/firefox则用File api的file reader 2. 图片旋转,IE用progid:DXImageTransform.Microsoft.Matrix的filter(filter可以组合用,用空格隔开)chrome/firefox用canvas ...
所有Web前端同仁对 document.getElementById 都非常熟悉了。开发过程中经常需要用其获取页面id为xx的元素,自从元老级JS库Prototype流行后,都喜欢这么简写它 代码如下:// 方式1 function $(id){ return document.getElementById(id); } 有没有人想过为什么要这么写,而不用下面的方式写呢? 代码如下:// 方式2 var $ = document.getElementById; 这么写的$更简洁啊,也很明了,将document的方法getElementById赋值给变量$,用$去获...
showModalDialog的返回值在IE、火狐下面都能够获取返回值,但是在谷歌浏览器下面会返回Null,下面介绍解决方法 父页面: 代码如下: function openwindows(){ var obj = new Object(); //打开模态子窗体,并获取返回值 var retval = window.showModalDialog("ordervideo.jsp?rderIds="+"0010,0020,0030",obj,"dialogWidth=500px;dialogHeight=500px"); //for chrome if(retval == undefined) { retval = window.returnValue; } alert...
前一阵子横扫了javascript,当时自我感觉良好。现在一想,又觉得没什么。今天的任务是把asp.net ajax中客户端页面生命周期那一章研究完。然而,因为这一章的内容使我产生了一些迷惑。这些疑惑在书中都没有只字提及。 一、html页面的详细加载过程是什么呢?页面元素在加载时的优先级是什么? 二、javascript的作用域、变量的作用域、不同脚本段之间的关系? 三、html页面的生命周期? 这些问题真的打中了我的死穴。不了解这些,我就...
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 代码如下: *{}{margin:0;padding:0;} html{}{_background:url(about:blank);} /**//* 阻止闪动 in IE6 , 把空文件换成about:blank , 减少请求 */ body{}{background:#fff; font: 12px/1.5 Tahoma,Geneva, \\5b8b\\4f53, sans-serif; height:100%;} .wrap{}{height:980px; padding-top:20px;text-align:center;} p{}{font-size:14px;text-align:center;line-height:24px;}...
js 判断是什么类型浏览器 代码如下: if ( window.sidebar && "object" == typeof( window.sidebar ) && "function" == typeof( window.sidebar.addPanel ) ) // firefox { } else if ( document.all && "object" == typeof( window.external ) ) // ie{ }js用来区别IE与其他浏览器及IE6-8之间的方法。 1、document.all2、!!window.ActiveXObject; 使用方法如下: if (document.all){alert(”IE浏览器”);}else{alert(”非...
因需要做一个js单击,复制当前网页url的功能。使用的是如下的方法,但是只能在ie浏览器下正常使用。 方法如下: 代码如下: function copyURL(){ var clipBoardContent=""; clipBoardContent+=document.title; clipBoardContent+=""; clipBoardContent+=this.location.href; window.clipboardData.setData("Text",clipBoardContent); alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友"); } -------------------------分隔线--...
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scrollTop 网页被卷去的左:document.body.scrollLeft 网页正文部分上:window.screenTop 网...