javascript - 使用jquery中的keyup函数在运行时计算html标签的id

Question

我想做什么？

我想以这种方式格式化 jquery keyup 函数，以便它可以在运行时通过检查当前在用户控制下的输入(事件)来计算 html 标签的 id。

例如:

html代码:

 <input id="first" />
 <input id="second" />

jquery 代码:

 $(if 'first' is active then it should be passed here).keyup(func_name);

谢谢

Answer 1

您尝试遵循的模式不是 jQuery(或 JS 本身)的设计工作方式。

更好的想法是在两个元素上放置一个公共(public)类，然后将事件处理程序附加到该类。然后，您可以使用 this 关键字来引用在 func_name() 函数中引发事件的元素。试试这个；

$('.foo').keyup(func_name);

function func_name() {
  // your logic here...
  console.log(this.id, this.value);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<input id="first" class="foo" />
<input id="second" class="foo" />