草庐IT

state_focused

全部标签

javascript - 单击按钮时 Vue : How to call . focus()

我昨天才开始使用vue.js编码,我不知道如何在不使用“传统”JS方式(即document)的情况下“关注”文本框。getElementById('myTextBox').focus().最初,我的文本框是隐藏的。我有一个“开始”按钮,当用户点击它时,会显示文本框,我想在那里设置focus,可以这么说。我已经尝试使用ref,但无济于事(请参阅下面的代码)。HTML:Javascriptexportdefault{name:'game',methods:{startTimer(){setTimeout(function(){/*.focus()won'tworkwithoutthis*/

javascript - react Hook : accessing state across functions without changing event handler function references

在基于类的React组件中,我执行如下操作:classSomeComponentextendsReact.Component{onChange(ev){this.setState({text:ev.currentValue.text});}transformText(){returnthis.state.text.toUpperCase();}render(){return();}}为了简化我的观点,这是一个人为的例子。我本质上想要做的是保持对onChange函数的持续引用。在上面的例子中,当React重新渲染我的组件时,如果输入值没有改变,它不会重新渲染输入。这里要注意的重要事项:t

javascript - WebKit 未捕获错误 : INVALID_STATE_ERR: DOM Exception 11

我有这段代码,在Firefox中运行良好,但在Chrome中我遇到了这个错误:"UncaughtError:INVALID_STATE_ERR:DOMException11"atsprites.js:36在那一行是这段代码:context.drawImage(Context是一个全局变量,其中包含Canvas的二维上下文。这是完整的代码:index.htmlSprite.jsfunctionSpritePrototype(frames,width,height,type){this.frames=frames;this.type=type;if(this.frames>0){this.

javascript - <paper-input> 或 <core-input> 元素上的 polymer focus()

有没有办法聚焦core-input或paper-input元素?我想要实现的是:将光标设置为输入元素,以便用户可以开始输入。这样他就不会在写之前被迫点击元素。 最佳答案 core-input现在有一个.focus()方法,它委托(delegate)给内部的focus()来自core-input.html代码:focus:function(){this.$.input.focus();}这意味着在您自己的代码中您需要像下面这样调用它:elem[0].focus()在我自己的例子中,我从timeout调用focus。在这种情况下,bin

javascript - Controller 中有 $state.go 方法的单元测试 Controller

如何为具有$state.go()且预期重定向到特定状态的函数编写单元测试?$scope.inviteMembers=(id)=>{$state.go('invite',{deptId:id});} 最佳答案 既然是单元测试,你只需要确保函数被调用,仅此而已。沿着这条线的东西:it('shouldmovetotheinvitepageafterinvitingsomeone',function(){spyOn($state,'go');$scope.inviteMembers(1);expect($state.go).toHaveBe

javascript - Jest react 测试 : Check state after delay

在Jest文档的帮助下尝试创建测试时我真的很困惑https://facebook.github.io/jest/docs/timer-mocks.html#content我正在尝试检查容器安装时的状态,然后几秒钟后,在我手动设置状态中的值(使用setTimeout())之后。我在Main的componentDidMount中有一个这样的函数:componentDidMount(){this.setStateAfterDelay();}函数的作用是:setStateAfterDelay=()=>{setTimeout(()=>{this.setState({fruits:['banana

javascript - 未捕获的类型错误 : Cannot read property 'focus' of undefined

此问题在我的页面加载时发生。使用以下脚本-jquery.simplemodal-1.4.3.js-jqueryv1.7.1下面是一个小代码快照,是发生此错误的simplemodal内的代码。focus:function(pos){vars=this,p=pos&&$.inArray(pos,['first','last'])!==-1?pos:'first';//focusondialogorthefirstvisible/enabledinputelementvarinput=$(':input:enabled:visible:'+p,s.d.wrap);setTimeout(fun

javascript - $state 或 $location 更改时 Angular ui.router 无限循环

在过去的4个小时里,我已经筋疲力尽了,我一直在尝试调试并在整个互联网上阅读这可能是什么问题。所以,我正在模拟一个移动应用程序,我的逻辑是这样的:如果用户过去登录过,我们在localStorage中有相关数据,然后向他显示列表。这是离线如果我们连接到互联网,首先显示列表并在后台检查他是否仍然登录如果他不是,则重定向到登录页面。在主主页View上,我正在评估上述语句,如果他有localStorage数据,首先我会向他显示列表,然后我在线检查并在必要时重定向到登录。每当我有两个$state或$locations时,它就会循环。就像浏览器几乎死机一样,幸运的是它是Chrome。我得到了Cann

javascript - 用于依赖状态切片的 Redux reducer/state-shape 设计

我喜欢Redux中的reducer组合的概念,但是遇到了这样一种情况,我喜欢将一个reducer分开,但是子reducer会依赖其他reducer的状态切片进行更改。例如在我的状态下,我需要跟踪以下内容:可能的排名范围(即[2,3,4,5,6])当前选择的排名(上述值之一)。根据所选级别,一系列可能的培训级别。关系是范围从[1..(selectedRank-1)]当前选择的培训级别在上述范围内最初,我有一个更大的reducer,它封装了所有这些方面:functionrankAndTraining(state={selectedRank:4,availableRanks:[2,3,4,5

javascript - 模拟服务返回对象($$state)错误

我一直在关注JohnPapa和WardBell在PluralSight上进行的AngularTestingPlaybyPlay。我目前在运行规范时遇到以下错误。AssertionError:expected{Object($$state)}tohaveaproperty'length'atAssertion.assertLength(bower_components/chai/chai.js:1331:37)atAssertion.assert(bower_components/chai/chai.js:4121:49)atContext.(scripts/home/homeContr