【javascript – 如何确定可打印字符上是否发生了keydown事件?】教程文章相关的互联网学习教程文章

prototype / javascript – firefox没有触发keypress / keydown事件,除非焦点在文本框中【代码】

以下适用于IE6,IE7和chrome.不适用于ff 3.0.7.<html><head> <script src="prototype.js" type="text/javascript" ></script> <script type="text/javascript"> Event.observe(window, 'load', function(){Event.observe(document.body, 'keydown', myEventHandler);alert('window load');}); function myEventHandler(evt) {alert(evt); } </script> </head> <body > <input type="text" /><br><br> </body></html>编辑:通过“不工...

在JavaScript中使用Canvas平滑keydown动画【代码】

我是编程的新手,我正在尝试创建一些代码,允许我通过按箭头键在Canvas周围移动一个方块.我能够让广场移动,但它的动作不是很平滑.我让它一次以10像素的增量移动,所以我理解为什么它会感觉有点生涩,因为10帧差异的每个位置之间没有任何动画,但让它以较小的增量移动会使它远太慢了.到目前为止我所做的工作如下:window.onload = function init() {var canvas = document.getElementById("canvas");var ctx = canvas.getContext("2d");s...

javascript – 如果点击或keydown【代码】

在jQuery中有一种方法可以:if (button.click() || (keydown == 39)) {//stuff }解决方法: function stuff(e) { alert('Something happened'); }$('input[type=button]').click(function(e) { stuff(e); });$(document).keydown(function(e) { if (e.keyCode == 39) { stuff(e); } });???http://www.jsfiddle.net/4WuB5/

javascript – 为什么会发生这种情况? – 我的机器上奇怪的keyup keydown事件【代码】

这是一些javascript:window.addEventListener("keydown", function(event) {console.log("keydown: " + event.keyCode);}); window.addEventListener("keyup", function(event) {console.log("keyup: " + event.keyCode);});这是我按下并释放一次键的结果:keyup: 17 keydown: 68 keyup: 17 keyup: 68这是我的机器特有的.为什么会这样? 注意:我在flash中发现了这种奇怪之处,其中KeyboardEvents以相同的方式被触发.解决方法:根据...

javascript – 如何确定可打印字符上是否发生了keydown事件?【代码】

我们正在尝试阻止用户输入超出我们的数据库允许的最大字符数,以便我们的网络应用中的文本区域字段.一旦它们达到文本区域允许的最大长度,我们仍然希望允许它们按下非打印的键,例如:Tab,退格键,ctrl等. 我想知道是否有一种简单的方法来检测键码是否是可打印的字符.我认为像String.fromCharCode这样的东西可以做到这一点并且如果它不能进行转换则返回false,但似乎没有这样做.解决方法:试试这个:http://www.quirksmode.org/dom/maxle...

javascript – 当按住箭头键时,如何在Firefox中获得自动重复的keydown事件?【代码】

我有几个可编辑的div.我想按箭头键(38和40)跳过它们. Mac OS和Linux上的Firefox 3不会重复持有密钥的事件.显然,只有按键事件才能重复.因为键38和40仅在keydown上支持,所以我有点卡住了.解决方法:您可以使用按键并检查e.keyCode == 38,40而不是e.which或e.charCode这在Mac和Win中是一致的.$('#test').bind($.browser.mozilla ? 'keypress' : 'keyup', function(e) {if ( (e.which || e.keyCode) == 40 ) { /* doSometing() */ } });...

javascript – Grid’keydown’事件不会捕获特殊键,如箭头键或Enter或Tab【代码】

我在’keydown’事件中捕获特殊键有一个问题..但是如果我使用’keyup’事件,那么一切都很好,除了我不能使用它.似乎一些控制捕获事件并停止为其他人或?为什么?Ext.onReady(function () {Ext.define('User', {extend: 'Ext.data.Model',fields: [{ name: 'id', type: 'int' },{ name: 'name', type: 'string' },{ name: 'phone', type: 'string', mapping: 'phoneNumber' }]});var data = {users: [{id: 1,name: 'Ed Spencer',phon...

javascript – 在HTML5本机拖动期间检测keydown / up事件

我有一个可以使用原生HTML5拖动的元素.它具有分配给它的dragstart,drag和dragend事件侦听器.另外,我还将keydown和keyup事件侦听器分配给document.body元素. 拖动可拖动元素时,ondrag事件将按预期触发.当我按下&释放任何键而不拖动任何东西,document.body keydown / up事件将触发. 但是,如果我在执行ondrag时keydown / up,则document.body keydown / up事件不会触发.这有什么解决方法/黑客吗?解决方法:回答我自己的问题……从Drag ...

使用JavaScript / jQuery在keydown上获取X,Y坐标【代码】

我正在开发一个富文本编辑器.当用户在触发事件的位置按下ctrl空格键时,我想打开用户定义的上下文菜单.我没有得到这次活动的坐标.是否有可能获得事件坐标?这是我的示例代码<!DOCTYPE html> <html> <head><script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script><style>#edit{b...

javascript – 如果我有keydown,如何停止调用d3.brush? D3 / JS【代码】

这是我的刷子电话brush.call(d3.svg.brush() //-calling the brush.x(d3.scale.identity().domain([0, width])).y(d3.scale.identity().domain([0, height])).on("brushstart", function(d) {d3.selectAll(".selectedNode text").attr("class", "hidden");nodes.each(function(d) { d.previouslySelected = shiftKey && d.selected; });}).on("brush", function() {//console.log(d3.event.sourceEvent.ctrlKey + "ctrl key");node...

javascript – 如何让’keydown’事件阻止’keyup’事件?【代码】

我有一个邮政编码解析器,我正在使用一个keyup事件处理程序来跟踪输入的长度何时达到5,然后查询服务器以解析邮政编码.但是我想让脚本不被不必要地调用,所以我很想知道是否有办法跟踪keydown事件并在文本框中已经有5个字符时停止keyup事件(这可能表明查询可能有已经提交了),如果有办法在之后停止keyup事件处理程序?我知道这是一个奇怪的问题所以请随意提问.这就是我所说的布局:$('#zip_resolver').live('keydown', function(event)...

javascript – 当keydown打开警报时,键盘不会触发【代码】

我有两个事件处理程序,一个用于keydown,另一个用于keyup. keydown事件处理程序触发警报消息,但这会阻止keyup事件触发. 您可以在此处看到一个非常简单的示例:http://jsfiddle.net/boblauer/jaGwT/当keydown打开警报时,不会触发密钥,但是当未打开警报时,将触发密钥.这是来自jsfiddle的代码:var i = 0; window.addEventListener('keydown', function(e) {if (i++ % 2) alert('down');console.log('down'); });window.addEventListen...

javascript – Jasmine测试模拟选项卡keydown并检测新聚焦的元素【代码】

我有一个茉莉花测试,我有2个输入字段.我专注于第一个输入,然后在’tab’键上模拟keydown,并期望焦点在第二个输入上.不幸的是,这种情况并非如此.焦点不会从第一次改变,我的测试失败.如何解决这个失败的测试? 我试图测试的小提琴:http://jsfiddle.net/G2Qz3/1/ 失败的茉莉花测试的小提琴:http://jsfiddle.net/mFUhK/4/ HTML:<input id="first"></input> <input id="second"></input>JavaScript的:function simulateTab() {var T...

javascript – 为什么keydown事件需要参数?【代码】

为什么需要为事件处理添加参数?像这样:document.addEventListener( 'keydown', function( e ) {var keyCode = e.keyCode } );为什么你需要’e’?为什么函数需要一个参数?解决方法:source: 可以通过作为第一个参数传递的事件对象从处理函数中访问Event接口. 以下简单示例显示了如何将事件对象传递给事件处理函数,并且可以在一个此类函数中使用.function foo(evt) {// the evt parameter is automatically assigned the event o...

javascript – 处理鼠标点击和keydown或按键事件(非修饰键)的事件【代码】

我是JS的新手,并试图自己学习 – 感谢您的帮助! 我试图让一个简单的程序以不同的方式响应点击,具体取决于鼠标点击时按下的其他键. 我已经搜索了很多,并且无法找到适用于非修改键alt和shift的答案(我没有遇到任何麻烦).但是,我不能为我的生活弄清楚如何用常规字符键实现相同的结果. 如果使用alt键,则The example below (which I found in other comments on this site)有效.<div id="targetDiv">I want to put a ding in the unive...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部