2017-02-22 58 views
0

是否可以拒絕來自oninputbinding的輸入?我可以拒絕從oninput綁定捕獲的輸入嗎?

var inputEl = document.getElementById("myinput"); 

inputEl.addEventListener('input', function() { 
    if (this.value < 0) { 
    return false; // Reject input; replace with previous value 
    } else { 
    // Valid input. 
    } 
}); 
+1

如果u把這個小提琴或摘錄倒不如 –

+1

只是設置'this.value =「」' – Rajesh

+1

你是什麼意思拒絕輸入?你的意思是將文本輸入中的新值替換爲以前的值嗎? –

回答

1

一個Codepen的解決方案,可以發現,

https://codepen.io/li-xinyang/pen/MpgYMW?editors=0011

var el = document.getElementById('input'); 
 
var previousVal = "1234"; 
 

 
console.log(el); 
 

 
el.addEventListener('input', function() { 
 
    console.log(this.value); 
 
    if (parseInt(this.value) < 0) 
 
    this.value = previousVal; 
 
    else { 
 
    previousVal = this.value; 
 
    } 
 
})
<input type="number" id="input">

+0

只是一個指針,將previuosVal初始化爲空白 – Rajesh

相關問題