专注于输入以显示来自if / if else条件的控制台日志消息?

时间:2017-08-10 04:13:48

标签: javascript if-statement events input

我被困在为什么当我"专注"在输入上,它不会显示我的控制台日志消息,不像它是空的还是非空的,它会显示消息。我使用这个事件错了吗?

(只有部分代码,如果需要更多详细信息,请告诉我们)

HTML

<input id='input' placeholder="President Name" type="text"> 

JS

function message() {
   var presidentInput = document.getElementById('input').value;
            if (presidentInput === "") {
                console.log('Please enter something in the input');
            } else if (presidentInput !== "" || document.getElementById('input').onfocus){
                console.log('Great job');   
            }
        }
message();

2 个答案:

答案 0 :(得分:0)

var input = document.getElementById('input');

jQuery.input.focus(function(){
  if(input.value === ""){
    console.log('Please enter something in the input');
  else{
    console.log('Great job');
  }
});

也许这段代码不正确。

但是,关键是在输入标签上使用事件监听器。

input.addEventListener("focus", function(){
      if(input.value === ""){
        console.log('Please enter something in the input');
      else{
        console.log('Great job');
      }
});

答案 1 :(得分:0)

只使用onblur事件。 检查此link

你没有约束任何事件。你只是在声明后调用消息函数。这就是原因,它只记录&#39;请在输入中输入内容。