草庐IT

键盘鼠标

全部标签

javascript - 即使鼠标不移动,Webkit 和 Safari 也会触发 mousemove

我读过有关mousemove事件在Safari/Webkit中被触发两次的问题,但我面临的问题是mousemove即使在鼠标移动时也会触发未移动。也就是说:当鼠标光标位于加载/刷新页面时事件所附加的上下文上方时,它已经触发。因为我将它附加到document(浏览器的整个视口(viewport)),它会立即在Safari中触发。我试图将它附加到html元素、body和包装器div。没有变化。$(document).bind('mousemove',function(){alert('Mousemoved!');$(document).unbind('mousemove');});在其他浏

javascript - 如何相对于鼠标位置旋转图像?

我正在尝试实现这种效果:http://metatroid.com/articles在页面顶部,但我无法仅使用他们提供的代码来旋转它。varimg=$('.image');if(img.length>0){varoffset=img.offset();functionmouse(evt){varcenter_x=(offset.left)+(img.width()/2);varcenter_y=(offset.top)+(img.height()/2);varmouse_x=evt.pageX;varmouse_y=evt.pageY;varradians=Math.atan2(mous

javascript - chrome extension force 鼠标移动

我正在编写一个chrome扩展程序来记录您的操作,例如(鼠标点击、键盘按键)。扩展的想法是帮助我和我的同事减少我们基于web的项目的无聊测试。我用它来记录事件并将其作为mysql存储在开发服务器上,这样我就可以使用它们或与它们共享。但问题是重播保存的Action。那么如果有一种方法可以强制鼠标移动、鼠标单击事件。可以从flash、java或类似的东西来完成吗?附言。该项目是Extjs,但我想让扩展对使用其他框架的开发人员有用并发布它。 最佳答案 考虑使用Selenium为了这。它支持多种语言,您可以用它编写整个测试脚本。例如,您可以

javascript - 我可以检测网络用户是否有使用 javascript 的软件键盘吗?

我想让我网站上的搜索字段在用户加载页面时自动获得焦点,但我不喜欢它为智能手机/平板电脑用户弹出键盘的方式。有没有我可以用来检测用户是否连接了物理键盘的javascript属性? 最佳答案 我不确定...但是如果您查看this链接出来,它会告诉你如何检测用户是否在移动平台上。你可以据此做出决定吗? 关于javascript-我可以检测网络用户是否有使用javascript的软件键盘吗?,我们在StackOverflow上找到一个类似的问题: https://st

javascript - 启用/禁用虚拟键盘

我正在使用virtualkeyboard.我有一个复选框来控制是否显示虚拟键盘。问题是我不明白如何禁用它。我尝试解除绑定(bind)但它不起作用...我还尝试使用命名空间,然后取消绑定(bind)所有命名空间,但在单击文本框后仍然可以访问键盘。$(function(){//showlogin$("#showLogin").on({click:function(){$("#loginFormDiv").toggle("slow");}});$("#cb_showVKey").on('click',CheckIsToShowKey);});functionCheckIsToShowKey(

javascript - 缓慢移动鼠标时不会触发 mouseleave

如果您将mouseleave监听器放在页面最顶部的div上,如果您将鼠标缓慢移出页面顶部,它不会在Chrome上触发(但如果您快速移动,它会起作用).如果您在文档或正文中监听事件,也是一样的。在Firefox中运行良好。您可以在thiscodepen中看到问题.取消注释CSS填充以查看我当前的解决方法。有没有想过为什么会这样?可能是Webkit错误?还有其他解决方法吗?更新:这与jQuery无关-我在Chrome中使用nativemouseleaveJavaScript事件重现了这个问题。更新:提交Chromium问题:mouseleavenotfiredwhenmovemousesl

javascript - 页面在 iPhone 中存在虚拟键盘时向上滚动

我的网站上有一个聊天应用程序页面。主容器在移动设备上占据完整的高度和宽度。容器有position:fixed和里面的3个divposition:absolute。最后一个div#app-msg-composer有一个textarea并像其他聊天应用程序一样在其中发送button。以下是简要代码:Send#app-container{position:fixed;height:100%;width:100%;top:0px;bottom:0px;}#app-header{position:absolute;height:48px;width:100%;top:0px;}#app-body

javascript - 当用户使用键盘时,Knockout.js valueUpdate 不起作用

我正在使用Knockout.js和ASP.NET。我的HTML如下:Fixed/Floating如果用户使用鼠标选择项目,JSON会返回服务器并更新信息。但是,如果用户使用“tab”切换到选择控件,选择一个项目,然后关闭,那么即使所选项目显示在UI上,JSON也会返回此控件的空白值。如果用户仅使用键盘,KnockoutView模型似乎不会更新,当用户使用鼠标时,浏览器中似乎会发生一些特定的更改事件。我该如何解决这个问题?有没有办法可以注册选择框onchange事件以使用手动更新Knockout模型的功能?我在IE9和Firefox中都试过了,我在这两个中都遇到了同样的问题。

javascript - 通过键盘导航表格?

我正在尝试制作一个可以执行以下操作的表格。行x列=3x3:好的通过键盘导航:确定当“焦点”(或其他东西)位于单元格更新div2上时,data-param2:不起作用。按键盘上的Enter键时,使用数据参数1更新div1:不工作arrows.htmvarb4="";varcol=1;varrow=1;functionbg(){varrc="r"+row+"c"+col;if(b4=="")b4=rc;document.getElementById(b4).style.backgroundColor="white";document.getElementById(rc).style.bac

javascript - 将鼠标坐标转换为 3D 平面图

我正在使用javascript/jquery(基于DOM,而非Canvas)构建某种拖放应用程序。想法是能够在3D场景上拖动div(在3D中旋转的div)。它在2D平面上工作,问题是当我在3D中旋转场景时,对象位置不反射(reflect)实际鼠标位置,而是在3D中转换的坐标示例:EXEMPLEONJSFIDDLE我希望对象相对于鼠标的绝对位置移动。我这样计算鼠标位置:document.addEventListener(gestureMove,function(event){if(mouseDown==true){event.preventDefault();moveX=(event.p