JS 屏蔽按键效果与改变按键效果的示例代码

功能键F1-F2：112-123

a-b：65-90

数字键：0-9：48-57

ESC：27

退格键：8

回车：13

shift：16；Ctrl：17；Alt：18

空格：32

Insert：45；Delete：46


代码如下:

function document.onkeydown(){                //网页内按下回车触发
  if(event.keyCode==13)
  {
   document.getElementById("loginbtn").click();  
   return false;                              
  }
 }

document.onkeydown=MM_KeyPress;

function  MM_KeyPress(num){
    //防止系统退格键
 var keycode = event.keyCode;
 if(keycode ==8)//屏蔽退格健
 {

event.keyCode = 0;
  //event.returnValue=false;
  return;
 }
 if(keycode >=112 && keycode <=123)//屏蔽f1-12功能键
 {

event.keyCode = 0 ;
  event.returnValue=false;
  return;
 }
}

赞 (0)

相关推荐

  • 屏蔽F1~F12的快捷键的js函数

    复制代码 代码如下: function window.onhelp(){return false} //屏蔽F1帮助 /*keyCod从113-123分别禁用了F2-F12键,13禁用了回车键(Enter),8禁用了退格键(BackSpace)*/ document.onkeydown = function(){ if(window.event && window.event.keyCode == 113) { window.event.keyCode = 505; } if(window

  • js实现屏蔽默认快捷键调用自定义事件示例

    具体如何屏蔽更多的快捷键可以自行google搜索. 这里要说的是如何屏蔽后去执行自定义的事件. 这里为了方便使用的Kibo做例子,使用google搜索出来的结果一般都是javascript原生实现,很简单的,这里不做介绍. 这里是实现了在一个textarea中enter进行保存的例子,屏蔽掉了原来的回车事件. 代码如下: 复制代码 代码如下: //键盘监听 var areaKey = new Kibo($("#aac010")[0]); areaKey.down('enter',doS

  • js中的屏蔽的使用示例

    js屏蔽效果 复制代码 代码如下: /** 屏蔽F1帮助 */ window.onhelp = function(){return false;} /** *屏蔽 F5.Ctrl+N.Shift+F10.Alt+F4 *如果想要屏蔽其他键,则找到对应的 keyCode 再依照此方法即可 */ document.onkeydown = function(event){ event = window.event || event; if(event.keyCode==116 || (event.ct

  • 屏蔽网页右键复制和ctrl+c复制的js代码

    老是有些网站会屏蔽你的鼠标右键或者用快捷键复制,其实只是一段js代码,解决的方法就是直接把网页保存下来然后删掉下面这段js代码,然后就可以正常用右键菜单了. 当然,也可以通过设置浏览器的安全级别到最高级别来解决问题. 复制代码 代码如下: <script> document.oncontextmenu = function(){ return false; } document.onkeydown = function(){ if (event.ctrlKey && windo

  • JS 屏蔽键盘不可用与鼠标右键不可用的方法

    今天做了2個小实验, 屏蔽键盘不可用 屏蔽鼠标右鍵不可用 实验一,屏蔽键盘不可用 键盘共有3個事件 a.keydown:按下键盘上某个按键时触发,一直按住某键则会持续触发 b.keypress:按下某个按键并产生字符时触发,即忽略Shift,Alt,Ctrl等功能键 c.keyup:释放某个按键时触发 复制代码 代码如下: <script language="javascript">        function block() {            event.ke

  • js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)

    复制代码 代码如下: <script language="Javascript" type="text/javascript"> //屏蔽鼠标右键.Ctrl+N.Shift+F10.F11.F5刷新.退格键 function document.oncontextmenu() { event.returnValue = false; } //屏蔽鼠标右键 function window.onhelp() { return false } //屏蔽F1帮助

  • 利用JS屏蔽页面中的Enter按键提交表单的方法

    如在设置了JS代码响应<p>标签的Enter按键触发事件时,根据冒泡型事件原则该事件会一直传到<from>表单处,并将表单提交.这不是我们想要的效果,我们可以设置如下代码来加以屏蔽: $(document).keydown(function(event){ switch(event.keyCode){ case 13:return false; } }); 但是,如果页面中有按钮时在Opera浏览器中同样会提交表单,这是因为按钮在生成的HTML代码中是submit类型的,解决办法是

  • 在Angular中实现一个级联效果的下拉框的示例代码

    实现一个具有级联效果的下拉搜索框,实现的结果如下图所示 我们主要通过这个组件,来学习一些细微的逻辑,比如: 如何计算input框内文字的长度: 如何获取光标的位置:如何实现滚动条随着上下键盘的按动进行移动...... 具体需求如下 级联搜索最多不超过三级,以"."作为级联搜索的连接符 搜索框跟着文本框中的"."进行向后移动,向右移动的最大距离不能超过文本框的宽度 当用户修改之前的级联内容,则不进行搜索,并隐藏搜索框:若用户在之前输入的是".",

  • 鼠标滚轮改变图片大小的示例代码

    鼠标滚轮改变图片大小的示例代码<script> function onWheelZoom(obj){         zoom = parseFloat(obj.style.zoom);         tZoom = zoom + (event.wheelDelta>0 ? 0.05 : -0.05);         if( tZoom > 1 || tZoom<0.1 ) return true;         obj.style.zoom=tZoom;       

  • 利用js实现Ajax并发请求限制请求数量的示例代码

    出现问题描述:当不确定异步请求个数时,为防止当一瞬间发生上百个http请求时,导致堆积了无数调用栈进而导致内存溢出问题. 要求:将同一时刻并发请求数量控制在3个以内,同时还要尽可能快速的拿到响应的结果. 同面试问题: 实现一个批量请求函数 multiRequest(urls, maxNum),要求如下: 要求最大并发数 maxNum 每当有一个请求返回,就留下一个空位,可以增加新的请求 所有请求完成后,结果按照 urls 里面的顺序依次打出 1.基于Promise.all实现Ajax的串行和并行

  • Python批量改变图片名字的示例代码

    Python批量改变图片名字的示例代码

    目录 一.系统自带的快捷改名 二.用Python按要求改名 三.在原有的图片上进行修改 总结 一.系统自带的快捷改名 1.打开对应的图片文件 2.全选后右击重命名 3.输入:Cat 注意: 默认你输入的Cat与(1)之间有一个空格 二.用Python按要求改名 1.代码如下: import os.path def rename(img_folder,num): for img_name in os.listdir(img_folder): # os.listdir(): 列出路径下所有的文件 #

  • js带按钮的提示框可供选择示例代码

    今天在项目当中遇到一个问题(本人前台功底不深,高手勿喷): 可以供选择的弹出框: 利用jQuery没有想到好的提示效果. 参看js的API文档实现如下===confirm: 复制代码 代码如下: var r=confirm("该订单号已经存在,请重新输入或查询已存在订单详情!") if (di != null&& (r==true)) { userNameCnl.focus();//定位 userNameCnl.value = "";//清空数据 }

  • JS 屏蔽按键效果与改变按键效果的示例代码

    功能键F1-F2:112-123 a-b:65-90 数字键:0-9:48-57 ESC:27 退格键:8 回车:13 shift:16:Ctrl:17:Alt:18 空格:32 Insert:45:Delete:46 复制代码 代码如下: function document.onkeydown(){                //网页内按下回车触发  if(event.keyCode==13)  {   document.getElementById("loginbtn").cl

  • jQuery动画效果-fadeIn fadeOut淡入浅出示例代码

    复制代码 代码如下: <html> <head> <meta charset="utf-8"/> <style> *{ margin:0; padding:0;} body{font-size:15px;} #container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} .head{ background:#999; padding:5px; c

  • js实现无刷新监听URL的变化示例代码详解

    无刷新改变路由的两种方法通过hash改变路由 代码 window.location.hash='edit' 效果 http://xxxx/#edit 通过history改变路由 history.back(): 返回浏览器会话历史中的上一页,跟浏览器的回退按钮功能相同 history.forward():指向浏览器会话历史中的下一页,跟浏览器的前进按钮相同 history.go(): 可以跳转到浏览器会话历史中的指定的某一个记录页 history.pushState()可以将给定的数据压入到浏览器

  • d3.js实现自定义多y轴折线图的示例代码

    d3.js实现自定义多y轴折线图的示例代码

    前言 需求是实现一个生命体征的体温单,x轴是时间线,y轴有多个体征项.效果不是特别复杂,但是行业特殊性,所以也没有现成可用的,所以用 d3.js 实现了一个多y轴的折线图. 基础 这张图只用了d3.js的一些最基本用法,数据量也比较小,所以也用不到多么牛逼的用法,只涉及到了比例尺 scale ,轴 axis ,画线和点,最后我添加了一个缩放效果. 效果 在线预览 具体实现 1.初始化一个svg作为容器,之后所有的点线面都是在这个容器里边画了 svg.select('#id') .append('

随机推荐