Question

我希望在调用函数时更改光标以搜索XML以匹配单词，以便用户知道正在发生的事情。

这是功能：

    function searchResults(query) {
      $("body").css("cursor", "wait");
      var temp = "\\b" + query + "\\b";
      var regex_query = new RegExp(temp, "gi");
      var currentLine;
      var num_matching_lines = 0;
      var searchCount = 0;
      var matchesLine;
      $("#mainOutput, #searhResults").empty();
      $("LINE", currentContext).each(function () {
        var line = this;
        currentLine = $(this).text();
        matchesLine = currentLine.replace(regex_query, '<span class="query_match">' + query + '</span>');
        if (currentLine.search(regex_query) > 0) {
          searchCount = searchCount + currentLine.match(regex_query).length;
          $('#sideInfo>ul').empty();
          num_matching_lines++
          $("#mainOutput").append("<br /><p class='speaker_match indent'>"+  $(line).parent().find('SPEAKER').text() +"</p>");
          $("#mainOutput").append("<p class='act_match indent'>"+  $(line).parent().parent().parent().children(':first-child').text()+"</p>");
          $("#mainOutput").append("<p class='scene_match indent'>"+  $(line).parent().parent().children(':first-child').text() +"</p>");
          $("#mainOutput").append("<p class='pad'>" + matchesLine + "</p>");
          $("#mainOutput").append("<br><hr />");
        }   
      });
      $("#searhResults").append("<p>Found " + query + " in " + num_matching_lines + " lines</p>");
      $("#searhResults").append("<p>Found " + query + " " + searchCount + " times</p>");
      $("body").css("cursor", "default");
    }

通过以下任一操作调用它：

  $("#term_search").keypress(function (event) {
    if (event.keyCode == 13) searchResults($("#term_search").val()); 
  });

  $('#term-search-btn').click(function () {
    searchResults($("#term_search").val());
  });

问题是在搜索完成后光标变为等待符号，然后没有更改回默认值，我该如何解决？

Answer 1

你可能会遇到两个问题：

如果您的代码没有将控制权交还给JS事件循环，那么很可能您所做的任何DOM更改都不会立即显示。可能的解决方法是更改光标，然后使用setTimeout(func, 0)将控制权传递回事件循环，然后可以呈现DOM更新，然后调用func来完成处理。
有些浏览器在鼠标移动之前不会更新光标形状。我知道没有解决这个问题。

jQuery更改游标 - 发生在函数结束时

1 个答案: