Javascript onblur输入jquery时发生的事件

我有一个输入文本（地址），从谷歌地图自动完成的结果。 单击结果后，结果显示在输入文本和显示提交按钮上。 如果我们再次单击输入文本，我想： -删除谷歌的结果（开始新的研究） -隐藏提交按钮

但是我的剧本不太好用

Jquery代码：

$("#adress").blur(function() {
              if (!this.value) {
             // Hide submit button
             $('#button_submit').css('display', 'none');
             }
       });

我的html代码：

<input type="text" id="adress" value="" placeholder="Please enter adress" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">

关于jsfiddel的一个示例：

有什么主意可以帮我吗

谢谢大家!

你忘记了id名称前的#，为了让它在他点击文本时工作，你必须使用聚焦和模糊

$("#address").on('blur focus',function() {
// ^ here
  if (!this.value) {
    // Hide submit button
    $('#button_submit').css('display', 'none');
  }
});

---

请参见此处

尝试在地址前提供id

$("#adress").on(function() {
   if (!this.value) {
     // Hide submit button
     $('#button_submit').css('display', 'none');
   }
});

这应该适合您。

您需要一个#for ID，而不需要内联脚本：

$(function() {
  $("#adress").blur(function() {
    if (!this.value) {
     $('#button_submit').hide();
    }
  })
  .focus(function() {
    this.value ="";
    $('#button_submit').show();
  });
 });

使用

---

我找到的解决方案：

$("#address").on('blur focus', function() {
    if (this.value=='') {
    $('#button_submit').css('display', 'none');         
     }
});

---

我不认为有必要进行向下投票或结束….

$（“地址”）

？你的问题是什么？你看到什么错误了吗？你能提供一个代码片段（演示）让我们看看你有什么问题吗？对不起，我忘了写#但这不是演示的问题：写一个地址。点击你想要的结果。将显示提交按钮。但是，如果您想更改地址，如果您单击输入文本，结果将被删除，但“提交”按钮仍会显示。当我单击输入（未写入文本）时，将显示“提交”按钮。或者我想在点击谷歌自动完成的结果后显示。这里演示：jsfiddle.net/np1wkh9p/12我写了一个地址。我点击我想要的结果（来自谷歌）。将显示提交按钮。但是，如果您想更改地址，如果您单击输入文本，结果将被删除，但仍显示提交按钮。一个想法？它是有效的，但不是当我点击输入文本。我必须单击外部以隐藏提交按钮。这是模糊的意思，我编辑答案，现在查看是否符合您的要求：）@user3031054立即查看并告诉我

$("#address").on('blur focus', function() {
    if (this.value=='') {
    $('#button_submit').css('display', 'none');         
     }
});