js-JS键盘事件监听之禁用键盘按键

问题描述

JS键盘事件监听之禁用键盘按键
我的页面内有一个输入框,我想要实现的功能是:按下字符键时
正常输入字符,但是按下键盘上的上下方向键时什么也不做,但是现在我按下上方向键时
光标总会跳到内容的最前面,按下下方向键时光标会跳到内容的最后面,请问怎么禁用这两个键盘的功能啊?

解决方案

chrome会这样,汗,按上下键返回false就行

 <input type=""text"" onkeydown=""if(event.keyCode==38||event.keyCode==40)return false;"" />

解决方案二:
http://wenku.baidu.com/link?url=Kq_yjJxGIZW2prlIwb_3zPVsoaNmFm_zzqkneZJH4SpEmXQF12aTdwm-eb6yTWzyt0egtL1snIn-z9XCcTuIT27ibWFdhNJ6ba8s7TgwCfG
http://www.jb51.net/article/33526.htm

以下依次是左右上下的键码
if(keyCode == '38'){
x = --x;

}
if(keyCode == '40'){
x = ++x;

}
if(keyCode == '37'){
y = --y;

}
if(keyCode == '39'){
y = ++y;

}

时间: 2024-10-20 09:20:26

js-JS键盘事件监听之禁用键盘按键的相关文章

js 的 load 事件监听问题及事件监听的添加移除实例

当我在 html 页面里写入 js ,绑定 load 事件的时候: window.addEventListener("load", test, false);function test(){console.log("test");} 这个时候是可以正常调用 test 函数的.但是当我结合 requirejs 把事件监听放在外部引入的 js 文件里,就没办法正常监听了,求解决办法及原因 回复: 引入你这个 js 之前页面就已经 load 完毕了,解决办法就是先判断页面

as3.0键盘事件监听不响应

问题描述 as3.0键盘事件监听不响应 在祯上写代码上的时候可以响应人物可以走,但是要求必须做独立的as文件,所以我放在了主类里面,但是怎么放都不响应键盘事件,只运行ENTERFRAME.求问这是为什么. 解决方案 Flex(AS 3.0)实现快捷键功能--监听键盘事件

Node.js自定义对象事件监听与发射

一.Node.js是以事件驱动的,那我们自定义的一些js对象就需要能监听事件以及发射事件.在Node.js中事件使用一个EventEmitter对象发出,该对象在events模块中.它应该是使用观察者设计模式来实现把事件监听器添加到对象以及移除,之前写OC那块的时候也有些观察者设计模式,在OC中也经常用到:通知中心.KVO,也很容易理解. .addListener(eventName,callback):将回调函数附加到对象的监听器中.当eventName的事件被触发时,回调函数被放置在事件队列

js实现滑动触屏事件监听的方法_javascript技巧

本文实例讲述了js实现滑动触屏事件监听的方法.分享给大家供大家参考.具体实现方法如下: function span_move_fun(){ var span = document.getElementById("move_k"); var span_left = $(span).offset().left; var span_top = $(span).offset().top; var start_left = $(span).offset().left; var start_top

javascript支持匿名函数的事件监听封装

关于js中的事件监听大家用的比较多了,无非是判断浏览器是否支持addEventListener和attachEvent,网上搜索关于事件监听的方法也挺多,但是总有些不是很完善.下面的方法中对于添加事件监听的方法是一样的,只不过在取消事件绑定上面做了点手术,现在可以支持匿名函数的使用,所以在绑定事件的时候不再需要给函数单独命名了. 先看demo:    代码如下 复制代码 <!DOCTYPE html> <html> <head profile="http://www

JavaScript绑定事件监听函数的通用方法_javascript技巧

事件绑定的3中常用方法:传统绑定.W3C绑定方法.IE绑定方法.但是,在实际开发中对于我们来讲重要的是需要一个通用的.跨浏览器的绑定方法.如果我们在互联网上搜索一下会发现许多方法,以下是比较知名的几种方法: 在开始学期下面几种方法之前,应当讨论一下,一个好的addEvent()方法应当达到哪些要求: a.支持同一元素的同一事件句柄可以绑定多个监听函数: b.如果在同一元素的同一事件句柄上多次注册同一函数,那么第一次注册后的所有注册都被忽略: c.函数体内的this指向的应当是正在处理事件的节点(

JavaScript使用addEventListener添加事件监听用法实例_javascript技巧

本文实例讲述了JavaScript使用addEventListener添加事件监听用法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html lang="en"> <head> <title>This text is the title of the document</title> <script> function showalert(){ alert('you clicked

js实现滑动触屏事件监听的方法

  这篇文章主要介绍了js实现滑动触屏事件监听的方法,适用于手机端触屏滑动事件的监听技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了js实现滑动触屏事件监听的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 function span_move_fun(){

JS 事件绑定、事件监听、事件委托详细介绍_基础知识

在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定.事件监听.事件委托(事件代理)等.这些名词是什么意思呢,有什么作用呢? 事件绑定 要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的绑定事件的方法: 在DOM元素中直接绑定: 在JavaScript代码中绑定: 绑定事件监听函数. 在DOM中直接绑定事件