Question

这是我的意见：

<input name="DeviceIP" class="k-input k-textbox" type="text" data-bind="value:DeviceIP">

这是我的js无效

$('input[name="DeviceIP"]').click(function () {  alert("test") });

Answer 1

此代码按预期工作。以下是工作代码的最小示例（与您的代码相同，仅包含jQuery）

<html>
<head>
  <script
      src="https://code.jquery.com/jquery-3.2.1.js"
      integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
      crossorigin="anonymous"></script>
</head>
<body>
<input name="DeviceIP" class="k-input k-textbox" type="text" data-bind="value:DeviceIP">
</body>
</html>
<script>
  $('input[name="DeviceIP"]').click(function() {
    alert("test")
  });
</script>

Answer 2

$("input[name='DeviceIP']").click(function () {  alert("test")});

Answer 3

代码应该可以正常工作，

这种错误的常见原因是通过JS / JQuery对绑定事件的误解。

当您使用$（＆＃39;某些选择器＆＃39;）时，请单击（fn）语法，这意味着：

JQuery will bind "fn" click event to the Elements 
that have already been attached to the DOM (to HTML)

它不会将事件附加到新/动态创建/附加的元素。您仍然需要将相关事件绑定到附加到dom或JS引用之后的事件。

输入文本框上的单击事件不起作用

3 个答案: