草庐IT

this_key

全部标签

javascript - event.key 在移动浏览器中对于 keyup、keydown 和 keypress 是未定义的

下面的代码应该简单地抑制任何按键并将按下的键添加到一个div中。这在桌面上运行良好,但在移动设备(safari和chrome)上event.key未定义。varstr='';varel=document.getElementById('#test');document.addEventListener('keypress',function(event){str+=event.key;event.preventDefault();el.innerHTML=str;})event.keyCode和event.keyIdentifier都可用,但将它们转换为字符串会在不同的键盘布局和语言上

javascript - HTML5 Canvas : Moving/panning world with arrow keys in EaselJS

经过一年的学习和反复试验,我觉得我开始对JavaScript有了更多的了解。所以,现在,我想尝试编写一个简单的2D平台游戏(想想《super马里奥世界》或《刺猬索尼克》)。为此,我将使用EaselJS库。我想弄清楚如何使用左右箭头键在Canvas中移动/平移“世界”。我知道如何在箭头键的keydown上运行函数,但我不太确定应该如何处理移动/平移。当按下一个键时,我是否应该调整Canvas中每一个东西的位置/坐标?或者我是否应该将所有东西都放在一个容器中并移动容器的位置/坐标?我会感激任何能将我推向正确方向的东西。泰夫姆:)更新了答案Thechosenanswerbelow确认我确实必

javascript - React.JS this.state 未定义

我目前在React.JS中有这个组件,它在数组中显示传递给它的所有图像,onMouseOver它在下面显示一个按钮。我计划使用setState检查变量hover是真还是假,并相应地切换该图像的按钮,但是我不断收到以下错误:UncaughtTypeError:Cannotreadproperty'state'ofundefinedvarImageList=React.createClass({getInitialState:function(){returnthis.state={hover:false};},getComponent:function(index){console.lo

javascript - React Key 在不同元素上的唯一性

以下是否被认为是React中的唯一键?{someArray.map(function(a,index){return({a});})}{someArray2.map(function(a,index){return({a});})}在这种情况下,循环中嵌入的span将具有相同的键,但它们是不同父项的子项。这样可以吗? 最佳答案 是的,它确实算作独一无二。React在其调节器中使用键,以决定如何以最有效的方式改变DOM。一般来说,关键要解决的问题是在渲染之间识别同一层次结构中的节点(兄弟节点)。例如,如果您有://renderAone

javascript - Jquery - 使用 "this"获取属性

这可能是一件非常简单的事情,但我似乎无法让它工作,我也不确定为什么。我安装了jquery,当我点击它时,我试图获取“this”元素的属性。现在我的代码如下所示:url=$(this).attr("href")当我通过单击链接调用此函数时,它告诉我变量“url”未定义。所以很明显,当我点击链接时,它并没有接收到“this”。我正在尝试传递anchor标记的href以用作我的变量。我忽略了什么?再一次,我知道这很简单,但我似乎无法弄清楚所以感谢您花时间帮助我。谢谢。url="push1";$("a").live("click",function(event){event.preventDe

javascript - 对 Meteor iron-router 中的 this.next() 完全感到困惑

我升级到Meteor1.0,安装了最新的iron-router包,尝试运行我的应用程序并在我的控制台日志中收到这个很好的警告:Routedispatchneverrendered.Didyouforgettocallthis.next()inanonBeforeAction?所以我尝试根据新版本修改我的路由。this.route('gamePage',{path:'/game/:slug/',onBeforeAction:[function(){this.subscribe('singlePlayer',this.params.slug).wait();varsinglePlayer=

javascript - 在 react 组件中,如何在静态函数中获取 `this`?

试图在React组件中创建一个static函数。该函数使用this获取其数据,但this在调用该函数时超出范围。这是一个非常简单的例子:varTest=React.createClass({val:5,statics:{getVal:function(){returnthis.val}},render:return({this.val})});Test.getVal();=>undefined!!显然this在Test.getVal()被调用时失去了它的作用域。如何在getVal()函数中获取this?仅供引用,以下标准的javascript父级方法不起作用:Test.getVal.a

javascript - IE11 JavaScript(错误 : SCRIPT445) "Object doesn' t support this action"

我使用异步加载youtube播放器API的Javascript解决方案。整个脚本应该在滚动到其位置时播放视频。它适用于所有浏览器以及IE(11),但有时在IE中我在开发人员工具中收到错误:SCRIPT445(对象不支持此操作)。Youtube播放器仍然有效,但它似乎会使其他脚本崩溃。我在网上四处查看,也在Stackoverflow上查看。似乎还有其他人有类似的问题,但他们太具体了。也许有人可以帮我解决这个问题。这是造成问题的代码部分:varyt_int,yt_players={},initYT=function(){$(".ytplayer").each(function(){yt_p

javascript - `bind(this)` 是什么意思?

这个问题在这里已经有了答案:WhatistheuseoftheJavaScript'bind'method?(23个回答)关闭5年前。在SAPUI5应用程序中Controller的onInit函数的某些部分有一个自动生成的代码,如下所示:this.getView().addEventDelegate({onBeforeFirstShow:function(){//Somecodes}.bind(this)});现在我的问题是.bind(this)是什么意思?它有什么作用?是纯JavaScript代码还是和SAPUI5相关?

javascript - "Stop running this script?"错误

我正在开发一个广泛使用JavaScript(jQuery)的网站。我经常收到IE“停止运行此脚本?”当我尝试关闭浏览器时出现错误对话框。我猜问题的发生是因为该站点是使用AJAX的单个页面,因此没有回传来重置IE的已执行命令计数。客户端注册表黑客攻击不是一种选择。有谁知道解决这个错误的方法吗?更新:该页面有多个(约10个)间隔计时器,它们以30或60秒的间隔连续轮询。 最佳答案 我也遇到过这个问题,并通过划分连续的DOM执行来克服了这个问题。对于这种方法,我使用了setTimeout函数。解决这个问题完全取决于你如何划分连续执行。