我需要帮助(“专注”)才能与我的网站搜索框一起使用

时间:2019-07-15 19:55:06

标签: jquery

我正在建立一个仅供内部工作使用的新网站,一旦我再次单击该框,就需要产品搜索以清除文本。我看过很多解决方案,但似乎无法正常工作。我想使用jQuery解决此问题。我在“聚焦的清晰输入字段”上找到了一些东西。我需要调整下面的代码,但我真的不知道该怎么做

请参阅所附图片以查看课程

jQuery(document).ready(function($) {
  var $usernameField = $('#username'),
    defaultValue = $usernameField.data('default-value');

  $usernameField.on('focus', function(event) {
    var $this = $(this);
    if ($this.val() == defaultValue)
      $this.val('');
  });

  $usernameField.on('focusout', function(event) {
    var $this = $(this);
    if ($this.val().trim() == '')
      $this.val(defaultValue);
  });
});

enter image description here

1 个答案:

答案 0 :(得分:0)

感谢您的帮助,Rory,我终于弄清楚了如何用下面的jQuery写单词

    jQuery( function($) {
    $('.input-text').click(function() {
    $(this).val('');
   });
  });