onkeydown事件

<img src="images/hot.jpg"  id="imgId" class="img1"/></body><script>    var imgObj=document.getElementById("imgId");    var xs=0;    var xv=10;    var ys=0;    var yv=30;    document.onkeydown=function(event){      //实现图片的移动        kc=event.keyCode;        console.log(kc);        switch(kc){            case 37:                xs-=xv;imgObj.style.left=xs+"px";                document.body.style.background="#567";                break;            case 38:ys-=yv;imgObj.style.top=ys+"px";break;            case 39:xs+=xv;imgObj.style.left=xs+"px";break;            case 40:ys+=yv;imgObj.style.top=ys+"px";break;        }    }</script>
时间: 2024-08-05 15:01:09

onkeydown事件的相关文章

JavaScript onkeydown事件入门实例(键盘某个按键被按下)

JavaScript onkeydown 事件 用户按下一个键盘按键时会触发 onkeydown 事件.与 onkeypress事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理. 提示 Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 等浏览器使用 event.which. onkeydown 获取用户按下的键

解决easyUI下拉控件无法触发onkeydown事件

实现在combotree下拉控件中按Backspace键清除combotree选中的值 下面的代码无法获取到键盘事件 <input class="easyui-combotree" id="tt" name="tt" onkeydown="if(event.keyCode==8) clear()"/> 原因是easyUI重新定义了键盘事件,解决如下: $("#tt").combotree({ u

jquery 回车事件

应用场景是这样的:有一个搜索框,输入关键字执行搜索. 所以写下以下代码 $("#txt").keydown(function (event) { if (event.keyCode == 13) { $("#btn").trigger("click"); } }); 但是总是被刷新掉,但是找了半天没有找到刷新的原因. 最后还是度娘啊~~度娘啊~~~,终于找到原因 <form id="form1" runat="

Android键盘事件

在activity中重写了dispatchKeyEvent事件,不论最后返回TRUE还是FALSE都不会执行onKeyDown事件了么? 找到的一些资料却不是这样解释的: 当键盘按下时 首先触发dispatchKeyEvent 然后触发onUserInteraction 再次onKeyDown 如果按下紧接着松开,则是俩步 紧跟着触发dispatchKeyEvent 然后触发onUserInteraction 再次onKeyUp dispatchKeyEvent是做按键处理和分发的工作,如果你想

js 停止事件冒泡 阻止浏览器的默认行为(阻止超连接 # )

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”. 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation )//因此它支持W3C的stopPropagation()方法e.stopPropagation(); else//否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true;return fal

JS keycode 事件响应

<script language="javascript"> function keyevent(){ if(event.keyCode==13) alert("你按了回车键"); } document.onkeydown = keyevent;//注册document.onkeydown事件</script> 当用户按回车键时,就会执行keyevent()这个函数.可以做回车提交表单,或其它的事件! keyCode是返回keydown何ke

Js监听键盘事件

表单提交的时候大多数用户都习惯用回车键来进行提交,页面接受回车键的处理如下: if(navigator.userAgent.indexOf("MSIE")>0) {   //IE document.onkeydown=function(){ if(13 == event.keyCode){ alert('browser is ie and enter key down'); } } }else{   //非IE window.onkeydown=function(){ if(13

delphi控件属性和事件

常用[属性] Action:该属性是与组件关联的行为,允许应用程序集中响应用户命令 Anchors:与组件连接的窗体的位置点 Align:确定组件的对齐方式 AutoSize:确定组件是否自动调整其大小 BiDiMode:(所有组件) 为从右向左写的语言提供支持 BoundsRect:定义组件边框矩形(只适用于运行时) Borderwidth:(窗口化组件)边框的宽度 BorberStyle:设置组件边框形状(样式) Brush:可确定组件的风格和颜色 Caption:使用该属性可指定标注组件的

移动端触屏网页的touch事件

PC端网页从无到有发展至今,人们习惯了鼠标与键盘的人机交互模式,因此在PC端网页开发中一般使用鼠标事件和键盘事件. mouse事件: onclick事件:在单击鼠标左键或右键时发生. ondoubleclick事件:在双击鼠标左键时发生. onmousedown事件在单击鼠标按钮(左键.右键或中键)并且尚未松开时发生. onmousemove事件:在鼠标光标移动时发生. onmouseup事件:在松开鼠标按钮(左键.右键或中键)时发生. onmouseover事件:在鼠标光标移动到对象上时发生.