`
NORRET
  • 浏览: 9053 次
  • 性别: Icon_minigender_1
  • 来自: 潍坊
社区版块
存档分类
最新评论

BaskSpace键控制

    博客分类:
  • js
js 
阅读更多
//处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外
function noBackSpace(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;
}


[color=darkred]readonly 和 disable的区别

Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:

     Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(readonly接受值更改可以回传,disable接受改但不回传数据)。



一般比较常用的情况是:

在某个表单中为用户预填了某个唯一识别代码,不允许用户改动,但是在提交时需要传递该值,此时应该将它的属性设置为readonly 。
经常遇到当用户正式提交了表单后需要等待管理员的信息验证,这就不允许用户再更改表单中的数据,而是只能够查看,由于disabled的作用元素范围大,所以此时应该使用disabled,但同时应该注意的是要将submit button也disabled掉,否则只要用户按了这个按钮,如果在数据库操作页面中没有做完整性检测的话,数据库中的值就会被清除。如果说在这种情况下用readonly来代替disabled的话,若表单中只有input(text / password)和textarea元素,那还是可以的,如果存在其他发元素,比如select,用户可以在重新改写值后按回车键进行提交(回车是默认的submit触发按键)
我们常常在用户按了提交按钮后,利用javascript将提交按钮disabled掉,这样可以防止网络条件比较差的环境下,用户反复点提交按钮导致数据冗余地存入数据库。
disabled和readonly这两个属性有一些共同之处,比如都设为true,则form属性将不能被编辑,往往在写js代码的时候容易混合使用这两个属性,其实他们之间是有一定区别的:

如果一个输入项的disabled设为true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效,最重要的一点是当提交表单时,这个表单输入项将不会被提交。
而readonly只是针对文本输入框这类可以输入文本的输入项,如果设为true,用户只是不能编辑对应的文本,但是仍然可以聚焦焦点,并且在提交表单的时候,该输入项会作为form的一项提交。
分享到:
评论

相关推荐

    键盘按键命令

    可将 application键用于 microsoft自然键盘或含有 application键的其他兼容键 七、microsoft放大程序的快捷键 这里运用windows徽标键和其他键的组合。 快捷键目的 windows徽标+print screen将屏幕复制到剪贴...

    信息输入教案

    掌握几个控制键的功能(空格键、回车键、shift键、Capslock键、Backspace键、delete键) 3.搜狗“U”模式下的生僻字输入 4.中英文的输入 难点:1.理解shift的用法,利用shift键进行特殊符号的输入

    基于Arduino(ATmega32U4)的鼠标和键盘控制器,gerber文件和源码-电路方案

    最后,我使用了两个操纵杆作为全功能鼠标,还控制了动态键盘选项和修改键。 在面包板上完成设计并测试代码后,我设计了一个控制器形状的PCB(基于Arduino的鼠标和键盘控制器),具有集成的4x4矩阵键盘和两个嵌入式...

    一个可设计地图的动作小游戏

    设计游戏:玩家通过鼠标左键点击相应的按钮(或者通过键盘相应按键)选取要建立的角色,通过Backspace键或Ctrl+Z可取消或删除相应的角色。通过按住鼠标左键拖动鼠标或键盘相应键改变地图坐标。当地图设计完毕,按...

    汇编例子-鼠标中键设置程序-带源程序

    用汇编编写的一个小程序,可以给鼠标中键指定一个快捷键,比方说,我就把鼠标中键按下设为键盘上的Backspace,这样在资源管理器中浏览目录的时候只要按一下鼠标中键就可以返回上层菜单,浏览网页时可以退回到上一个...

    照明控制系统完整解决方案及操作说明.pdf

    本手册描述了Hog 4操作系统,因为它与Hog 4控制台系列(Hog 4, Full Boar 4, Road Hog 4, HedgeHog 4, Nano Hog 4, Rack Hog 4, and Hog 4 PC).相关。 ...要完全清除命令行,请双击Backspace键。

    认识键盘教学设计方案(.doc

    认识使用主键区的几个控制键 Enter、Backspace、Shift " "、难点 "和Caps lock " " "2.双字符键,Shift和Backspace " "教学资源 " 课件、计算机 " " " 教学过程《认识键盘》教学过程描述 " " "一、导入新课 " " ...

    微控制器 内部的终端(用于 mcu 的 cli)_C语言_代码_相关文件_下载

    可用键 KeyLeft、KeyRight、Delete、BackSpace、Home、End、Tab 程序存储器中所需的空间,最小工作配置约为 10 KB 安装 使用终端所需的一切,将所有源复制到共享文件夹: 更多详情、使用方法,请下载后阅读README....

    Keycode对照表

    控制键键码值(keyCode) 按键 键码 按键 键码 按键 键码 按键 键码 BackSpace 8 Esc 27 Right Arrow 39 -_ 189 Tab 9 Spacebar 32 Dw Arrow 40 .> 190 Clear 12 Page Up 33 Insert 45 /? 191 Enter 13 Page Down 34 ...

    PS钢笔与魔棒工具ImageGrabber.zip

    和-进行缩放魔棒工具点击图片,使用Delete/Backspace键可以删除所选的像素钢笔工具绘制一个路径,按选项面板的Mask按钮可以只显示路径内的图像使用钢笔工具时可以配合Option/Alt键来操作节点和控制杆点击Save按钮会...

    Photoshop基础培训教程模拟测试题.doc

    A.Alt+Backspace键 B.Ctrl+Backspace键 C.Shift+Backspace键 4.可以快速弹出【颜色】面板的快捷键是( )、可以快速弹出【图层】面板的快捷键是( )。 A.F5 B.F6 C.F7 D.F8 5.按键盘中的( )键,可以在...

    电脑故障维修大全 V4.0 EXE电子书

     10、 撤消上步操作:在Windows 98的各个对话框中,凡是对编辑框的*作都可以通过Alt+Backspace键来撤消,其效果和Ctrl+Z完全一样。该功能同样适用于微软的各字处理软件,如记事本、书写器、WORD等。另外,也可用...

    《计算机文字录入》课程教学大纲.doc

    教学重点:认识使用主键盘区的四个控制键——Enter、BackSpace、Shift与Capslock。 教学难点:双字符键,Shift与BackSpace。 项目分解: 项目一:了解计算机标准键盘的分区 项目二:掌握键盘的各个按键的功能 模块二: ...

    broku:Roku 的快速终端遥控器

    使用键映射中的箭头键和其他键来控制您的 Roku。 默认键映射: 91: reverse 93: forward KEY_BACKSPACE: backspace KEY_DOWN: down KEY_ENTER: select KEY_ESCAPE: back KEY_HOME: home KEY_LEFT: left KEY_RIGHT...

    GPRS控制卡 软件 GS7020B

    GPRS LED 显示屏控制卡用户手册 一、 技术指标和特点 1. 同时支持GPRS 和串口通信。 2. GPRS 通信 (1) 频段:EGSM900/DCS1800 双频。 (2) 灵敏度: -106dBm (3) 最大发射功率: EGSM900 Class4(2W) DCS1800 ...

    electron-game-launcher:用于PC的基于电子的游戏启动器。 演示可用(使用控制器或键盘)

    电子游戏发射器 目前无法正常运行。 浏览器内的演示可。 使用控制器(Xbox / PS4)或键盘(箭头键,Enter,Backspace)进行导航。 需要Chrome或Firefox。

    ascii-码表

    8 BS (backspace) 退格 9 HT (horizontal tab) 水平制表符 10 LF (NL line feed, new line) 换行键 11 VT (vertical tab) 垂直制表符 12 FF (NP form feed, new page) 换页键 13 CR (carriage return) 回车键 14 SO ...

    ST_PUZZLE_2.0.zip_284914869_Eden_ST_PUZZLE_小游戏_益智

    W,S,A,D或方向键控制路线。Backspace撤销。 鼠标点击Back,返回目录。 鼠标左键可以打草稿,鼠标右键可以擦除草稿。 鼠标点击Clear按钮,可以清除所有草稿。 一个关可能有多解,但不可能无解O(∩_∩)O 现已录入21关...

    计算机基础及MS+Office应用模拟201.docx

    第5题: 微型计算机键盘上的键是( ) 退格键 控制键 删除键 制表定位键 参考答案:D "退格键"是指< Backspace〉键,"控制键"是指键,"交替换档键" 是指键, "制表定位键"是指键。 第6题: 假设某台式计算机的内...

    ASCII表 扩充版

    0000 1000 8 08 BS (backspace) 退格 0000 1001 9 09 HT (horizontal tab) 水平制表符 0000 1010 10 0A LF (NL line feed, new line) 换行键 0000 1011 11 0B VT (vertical tab) 垂直制表符 0000 1100 12 0C FF ...

Global site tag (gtag.js) - Google Analytics