草庐IT

keyboard-events

全部标签

javascript - 仅使用 event.target 定位父对象?

HTML:CSS:#parent{background-color:blue;width:100%;height:100px;}#child{background-color:green;width:50%;height:inherit;}.myClass{background-color:red!important;}JS:functiondoSomething(){event.target.className=('myClass');}正如您在thisJSFIDDLE中看到的那样,在单击子项时,不是将该类应用于触发该功能的父项,而是将其应用于子项。我想知道如何避免这种情况并将其应用

javascript - Firebase 警告 : Using an unspecified index. 考虑添加 ".indexOn": "Keyboards"在/到您的安全规则以获得更好的性能

为什么我会收到此错误?:FIREBASEWARNING:Usinganunspecifiedindex.Consideradding".indexOn":"Keyboards"at/toyoursecurityrulesforbetterperformance我的Firebase中有很多Telegram键盘1:我想修复这个错误。✔️2:当电报用户键入rock时,我想获取和Console.logrock和rocky,constref=db.ref('Keyboards/rock');//keyboard1constref=db.ref('Keyboards/morning');//key

javascript - 如何在 IE8 中生成具有特定键码的 keyup 事件?

我需要使用nativeDOM函数(无jQuery)在IE8中生成keyup事件。以下代码生成、触发和接收事件,但keyCode始终为0。如何正确传递keyCode?varme=document.getElementById("me");me.attachEvent("onkeyup",function(e){alert(e.keyCode);//=>0});document.getElementById("me").fireEvent('onkeyup',13); 最佳答案 想通了。解决方案是创建一个事件对象,分配键码,然后从节点触

javascript - jQuery 手机 : clientX and clientY and the taphold event

我在我的项目中使用了taphold事件,需要用户点击点的坐标。不幸的是,event.clientX和event.clientY是未定义的(比较我的例子here)。有没有可能得到类似于onclick事件的这些坐标?提前致谢! 最佳答案 你需要作弊,我为你做了一个工作示例:http://jsfiddle.net/Gajotres/STLWn/$(document).on('vmousedown',function(event){holdCords.holdX=event.pageX;holdCords.holdY=event.pageY

javascript - 如何触发 :active pseudoclass on keyboard 'enter' press?(仅使用 CSS)

CSS:a:focus{opacity:.75}a:active{transform:translateY(4px)}意图:使用:focus样式作为视觉提示,使用键盘用户跳转到链接他们点击enter激活链接;:active样式提供视觉按键反馈问题::active样式可以正确触发鼠标点击,但不能触发按键。我可以只用CSS解决这个问题吗? 最佳答案 好问题!是的,你不能再这样做了。很久以前,MSIE将:active当作:focus来处理,所以有一种方法可以通过超链接来实现这一点(这是在千兆互联网速度之前和浏览器的时候除了愚蠢的挥动旗帜或

javascript - 将 css 编辑为 event.target

我正在尝试将背景更改CSS属性更改为event.target但它不起作用。除了更改event.target.css之外,所有命令都有效这是我使用的代码:$(document).ready(function(){$(".plusMatch").click(function(event){if($("#productImage"+event.target.id).hasClass("visible")){$("#productImage"+event.target.id).css("display","none");$("#productImage"+event.target.id).re

javascript - 使用汇总将 d3.event 导入自定义构建

我有一个这样的文件d3.custom.build.js(简化):import{range}from'd3-array';import{select,selectAll,event}from'd3-selection';import{transition}from'd3-transition';exportdefault{range,select,selectAll,event,transition};还有一个像这样的rollup.config.js:importnodeResolvefrom'rollup-plugin-node-resolve';exportdefault{entry

javascript - event.target.value 和 event.currentTarget.value 的区别

我在事件处理程序中捕获了一个输入值,如下所示:importReactfrom'react';exportclassNewsletterextendsReact.Component{handleClick(event){letnewsletterId=event.target.value;console.log(newsletterId);}constructor(props){super(props);this.state={newsletter:this.props.newsletter,}}render(){return()}}这表现得很奇怪。目标值有时会变为undefined。有

javascript - QUnit、Sinon.js 和 Backbone 单元测试受挫 : sinon spy appears to fail to detect Backbone Model event callbacks

在下面的单元测试代码中:TestModel=Backbone.Model.extend({defaults:{'selection':null},initialize:function(){this.on('change:selection',this.doSomething);},doSomething:function(){console.log("Somethinghasbeendone.");}});module("Test",{setup:function(){this.testModel=newTestModel();}});test("intra-modeleventbi

javascript - 微软表面 : How do I allow JavaScript touch/drag events to work without being intercepted by the browser?

我的网站上有一张GoogleMapsmap,但当它与MicrosoftSurface平板电脑一起使用时,“平移”手势会被浏览器拦截——它会尝试转到下一个浏览器窗口。如何允许浏览器忽略平移(拖动事件)以使map正常运行?转到maps.google.com,map完全可以拖动,因此Google必须采用一种解决方法。 最佳答案 根据MS的“指针和手势事件”指南(此处:http://msdn.microsoft.com/en-us/library/ie/hh673557%28v=vs.85%29.aspx#Panning_and_zoomi