【问题标题】:How to watch an input textbox using pure Javascript如何使用纯 Javascript 观看输入文本框
【发布时间】:2016-09-10 12:16:26
【问题描述】:

这是我的文本框

<input id="txtbox1" type="text"/>

他们在javascript中是否可以在不使用onchangeonblur之类的事件的情况下观看此文本框文本更改,就像angularjs中的$watch一样,

<input ng-model='modelname' type='text'/>

通过使用 angularjs,我可以通过$watch 观看此内容, 我想要和这个一样,但在纯 Javascript 中。 因为我有一个只使用 Javascript 函数的文件,所以我只想观察值的文本变化。

【问题讨论】:

  • 有一个事件叫oninput
  • 为什么不想使用事件监听器 Syed?
  • developer.mozilla.org/en-US/docs/Web/API/EventTarget/… 如果您的目的是让 js 代码远离 html... 另外,您可以使用 'keyup',例如。
  • 其实$watch也是基于事件的。如果没有事件,您将无法做到...
  • 角度也使用事件

标签: javascript javascript-objects dom-events


【解决方案1】:
document.getElementById('txtbox1').addEventListener('input',function(e){
 console.log('typing');
},false);

文本元素有一个'input'事件,当用户输入它时它会被触发。

【讨论】:

猜你喜欢
  • 2015-02-01
  • 2011-01-12
  • 1970-01-01
  • 1970-01-01
  • 2017-08-22
  • 1970-01-01
  • 2019-02-02
  • 2011-05-14
  • 1970-01-01
相关资源
最近更新 更多