jquery - jQuery 在 Firefox 中工作，在 Internet Explorer 中失败

Question

我返回了一个 jQuery，它返回在更改事件中输入元素中输入的文本。此 jQuery 在 FireFox 中运行良好，但在 Internet Explorer (IE9)中失败。

我意识到的一件事是，当我从 IE 中看到 SOURCE 时，它只显示主页的来源；而 FireFox 正在显示当前页面源。当我在 IE 的“F12 开发人员工具”中看到源代码时，我得到了所有页面 HTML 源代码，但根本没有呈现以下脚本。我在 ASP.Net MVC 应用程序中使用上述脚本。

请帮忙...

  <script>
      $(document).ready(function () {
          $("#UserName").change(function () {
              alert("Text Entered Is :"+$("#UserName").val());
          });
      });
  </script>

Answer 1

试试这段代码，用小写写输入的id：用户名，它可能会工作并在body标签之后加载脚本。

<script type="text/javascript">
  $(document).ready(function () {
      $("#UserName").bind("change",function () {
          alert("Text Entered Is :"+$("#UserName").val());
      });
  });

Answer 2

使用 keyup 事件，IE 不会触发 change 事件，直到元素失去焦点。

 $("#UserName").keyup(function () {
          alert("Text Entered Is :"+$("#UserName").val());
      });

阅读更多

在 Internet Explorer (IE) 中未触发 jquery 更改事件

在多选之外释放鼠标时，jQuery 更改事件不会在 IE 中触发

http://bugs.jquery.com/ticket/7698