草庐IT

矩阵触摸按键

全部标签

javascript - 触摸屏和 Javascript DOM 鼠标按下事件

我有一个使用触摸屏的javascript网络应用程序,浏览器是基于webkit的。我遇到了这个问题:addEventListener("mousedown",function(event){console.log('downfired');event.target.classList.add('down');},true);当使用鼠标时,目标元素类在按住鼠标时立即添加,但当使用触摸屏时,当手指按住元素时目标元素类不会改变。然而,奇怪的是,控制台日志消息是在鼠标单击和ts按下的按下事件上发送的。关于如何解决这个问题有什么建议吗??谢谢编辑我添加了touchstart事件监听器,但它不会在

javascript - 如何从矩阵SVG中提取位置、旋转和缩放

我有一个简单的问题:我想提取平移(tx,ty)、旋转(r)和缩放(sx,sy)值,形成应用于我的svg元素的变换矩阵。让我们用这个例子:...如果我在javascript中这样做document.getElementById("myElement").getCTM()我可以访问a、b、c、d、e、f值。我怎样才能从那里得到tx、ty、sx、sy和r?谢谢 最佳答案 受此ActionScript版本的启发:https://gist.github.com/fwextensions/2052247,我写了一个JavaScript端口:fu

javascript - jQuery 中的按键 : Press TAB inside TEXTAREA (when editing an existing text)

我想在TEXTAREA中插入TAB字符,如下所示:{KEYPRESS-INSERTS-TAB-HERE}HelloWorld我可以在现有的TEXTAREA文本之前/之后插入-我可以在TEXTAREA中插入/替换所有文本-但还不能插入以一种简单的方式在现有的TEXTAREA文本(通过光标)中。$('textarea:input').live('keypress',function(e){if(e.keyCode==9){e.preventDefault();//PressTABtoappendastring(keepstheoriginalTEXTAREAtext).$(this).ap

javascript - 拦截按键(如空格和箭头)时停止页面滚动

我正在使用JavaScript和Prototype并捕捉用户的按键操作。我用这样的代码成功地捕获了返回、空格和箭头:Event.observe(window,"keyup",function(e){switch(e.keyCode){caseEvent.KEY_RETURN:caseEvent.KEY_RIGHT:case32://space//dosomethingbreak;}});我的问题是空格和箭头一直在滚动页面。有没有办法阻止他们滚动页面? 最佳答案 使用e.preventDefault()停止浏览器的默认行为

javascript - 有条件地阻止移动 safari 中的滚动/触摸移动事件

iOS5现在允许原生溢出:滚动支持。我想做的是为所有元素禁用touchmove事件,但具有“可滚动”类的元素或其子元素除外。但我似乎无法让它工作;这是我一直在使用的以下内容:.scrollable{height:5em;overflow-y:scroll;-webkit-overflow-scrolling:touch;}//doesn'tseemtoworkvarhandleMove=function(e){if(!$(e.target).parents().andSelf().hasClass('scrollable')){e.preventDefault();}};documen

javascript - jQuery 向上键/向下键按键检测不起作用?

在下面的代码中:$(document).keypress(function(e){varcode=(e.keyCode?e.keyCode:e.which);if(code==40){alert("downpressed");}elseif(code==38){alert("uppressed");}});我正在尝试检测是否按下了向下键或向上键。为什么它不起作用?fiddlehttp://jsfiddle.net/K9uDn/10/我在chrome 最佳答案 使用keydown而不是keypress,某些浏览器在按下“特殊键(如箭头

javascript - 如何使用 rxjs 过滤按键?

我需要在不重复的情况下获得干净的keydown/keyup事件。当您按下一个键时,会发生keydown事件,当您释放时-keyup。没有困惑的重复按键。代码如下:varkeyDowns=rx.Observable.fromEvent(document,'keydown');varkeyUps=rx.Observable.fromEvent(document,'keyup');varkeyActions=rx.Observable.merge(keyDowns,keyUps);keyActions.subscribe(function(e){console.loge});如何调整它来完成

javascript - 如何在 JavaScript 中结合按键和点击功能?

我有以下两个功能:$("input").keypress(function(event){if(event.which==13){//code}});$('#login_submit').click(function(){//code});函数中使用的代码完全相同,基本上是代码重复。所以我想知道是否有办法将这些函数与OR语句结合起来?? 最佳答案 创建您自己的回调并将其传递给事件处理程序。varcallback=function(){...};$("input").keypress(function(){if(event.which

javascript - 如何防止默认触摸 hammer.js

如果用触摸设备点击anchor,我想阻止点击通过,但如果用鼠标点击则正常运行。原因是,在桌面上,您将鼠标悬停在anchor上以查看更多信息,然后单击以查看产品。在手机上,我希望第一次点击显示信息,第二次点击查看产品。我已经尝试了以下各种变体:$('article.productasidea.link').hammer().on('tap',function(ev){if(ev.gesture.pointerType=='touch'){ev.gesture.srcEvent.preventDefault();returnfalse;}});有没有人对此有任何想法?

javascript - 如何触发触摸事件?

让我们从一些事件监听器开始:window.addEventListener('scroll',function(e){console.log('scroll',e);});window.addEventListener('touchstart',function(e){console.log('touchstart',e);});window.addEventListener('touchmove',function(e){console.log('touchmove',e);});window.addEventListener('touchend',function(e){conso