javascript禁制后退键(Backspace)实例代码_javascript技巧

复制代码 代码如下:

function banBackSpace(e) { 
                var ev = e || window.event;//获取event对象 
                var obj = ev.target || ev.srcElement;//获取事件源 
                var t = obj.type || obj.getAttribute('type');//获取事件源类型 
                //获取作为判断条件的事件类型 
                var vReadOnly = obj.readOnly; 
                var vDisabled = obj.disabled; 
                //处理undefined值情况 
                vReadOnly = (vReadOnly == undefined) ? false : vReadOnly; 
                vDisabled = (vDisabled == undefined) ? true : vDisabled; 
                //当敲Backspace键时,事件源类型为密码或单行、多行文本的, 
                //并且readOnly属性为true或disabled属性为true的,则退格键失效 
                var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true); 
                //当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效 
                var flag2 = ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea"; 
                //判断 
                if (flag2 || flag1) return false 

            } 
            //禁止退格键 作用于Firefox、Opera 
            document.onkeypress = banBackSpace; 
            //禁止退格键 作用于IE、Chrome 
            document.onkeydown = banBackSpace; 

时间: 2024-08-03 03:01:41

javascript禁制后退键(Backspace)实例代码_javascript技巧的相关文章

javascript禁制后退键(Backspace)实例代码

  这篇文章介绍了javascript禁制后退键(Backspace)实例代码,有需要的朋友可以参考一下 复制代码 代码如下: function banBackSpace(e) { var ev = e || window.event;//获取event对象 var obj = ev.target || ev.srcElement;//获取事件源 var t = obj.type || obj.getAttribute('type');//获取事件源类型 //获取作为判断条件的事件类型 var

纯JavaScript 实现flappy bird小游戏实例代码_javascript技巧

前言: <flappy bird>是一款由来自越南的独立游戏开发者Dong Nguyen所开发的作品,游戏于2013年5月24日上线,并在2014年2月突然暴红.2014年2月,<Flappy Bird>被开发者本人从苹果及谷歌应用商店撤下.2014年8月份正式回归APP STORE,正式加入Flappy迷们期待已久的多人对战模式.游戏中玩家必须控制一只小鸟,跨越由各种不同长度水管所组成的障碍. 正文: 接下来就是一步一步来实现它 步骤1:页面布局,这儿就不多说了,页面内容如下:

javascript实现checkbox复选框实例代码_javascript技巧

本文实例介绍了javascript实现checkbox复选框实例代码以及对checkbox复选框进行美化操作,分享给大家供大家参考,具体内容如下 1.checkbox复选框进行美化操作 复选框默认外表的美观度差强人意,能够满足美观度要求不高的页面,但是如果对于页面要求较为精致,那可能就过于勉强了,下面就一段对复选框进行美化的代码实例,希望能够给大家带来一定的帮助. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charse

Javascript简单实现面向对象编程继承实例代码_javascript技巧

本文讲述了Javascript简单实现面向对象编程继承实例代码.分享给大家供大家参考,具体如下: 面向对象的语言必须具备四个基本特征: 1.封装能力(即允许将基本数据类型的变量或函数放到一个类里,形成类的成员或方法) 2.聚合能力(即允许类里面再包含类,这样可以应付足够复杂的设计) 3.支持继承(父类可以派生出子类,子类拥有父母的属性或方法) 4.支持多态(允许同样的方法名,根据方法签名[即函数的参数]不同,有各自独立的处理方法) 这四个基本属性,javascript都可以支持,所以javasc

JavaScript页面实时显示当前时间实例代码_javascript技巧

前言 这次认认真真又重新看了相关内容,现把需要注意的地方总结如下: 1.通过getDay()得到的星期数是从0开始,0表示星期天,之后从1~6依次表示星期一到星期六: 2.得到日期需使用getDate()而不是getDay() ,因为可能习惯性地认为日期就是天数,可能会使用getDay() ,但其实getDay()是用于得到星期数的: 3.通过getMonth()得到月份,从0开始计数,所以需要再加1. 实例代码如下: <html> <head> <title><

jsp+javascript打造级连菜单的实例代码_javascript技巧

  复制代码 代码如下:   <%@ page import="java.util.Date,yava.fileapp.*,java.sql.*;"         contentType="text/html;charset=GB2312" pageEncoding="GB2312"  %>  <style>  .f9{ font-size:9pt; }  .bgc{ background-color:#AECAF9;

JavaScript 解析读取XML文档 实例代码_javascript技巧

JavaScript解析读取XML文件,主要就是加载并解析XML文件,然后就可以测试解析的XML文件的内容,打印输出来. 在线演示:http://demo.jb51.net/js/2012/readxml/注:测试的时候需要在网站中测试,iis或apache中,注意不要本地双击运行测试index.htm 复制代码 代码如下: <html> <head> <title></title> <script type="text/javascript

javascript:文字不间断向左移动的实例代码_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="t

Javascript实现动态菜单添加的实例代码_javascript技巧

先来看看效果: Html源码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <