在textarea上查找焦点事件的来源

时间:2014-04-21 11:15:58

标签: javascript jquery html google-chrome-devtools

我的视图中有一堆textareas和selectbox。所有这些都有适当的键盘导航选项卡索引。
发生的事情是,在加载这个视图时,最后一个textareas从某个地方获得焦点,视图滚动到那个。我无法察觉它从哪里获得焦点。

我尝试在textarea上设置'focus'的事件处理程序,在容器上设置'scroll',但是无法在Chrome Dev Tools中检测事件的来源。有什么方法可以检测出对textarea的关注点来自何处?

1 个答案:

答案 0 :(得分:2)

设置焦点有两种可能的方法:

  1. 拥有autofocus财产。 (见http://davidwalsh.name/autofocus
  2. 使用javascript / jQuery
  3. 如果使用autofocus设置焦点,只需删除该属性。

    如果它是由javascript / jQuery设置的,您可以尝试在Webkit DevTools中设置“事件监听器断点”。

    转到“来源”标签,在“事件监听器断点”下的右/底部选择控制 - >焦点。这应暂停执行并显示焦点的设置位置。

    请参阅https://developers.google.com/chrome-developer-tools/docs/javascript-debugging#breakpoints-on-javascript-event-listeners