su un input [type = 'numero'] Bordo restituisce sempre `` NaN` per valueAsNumber`

Question

Il seguente funziona bene in Chrome e Firefox, ma in bordo avviserà NaN non importa l'ingresso

document.querySelector('button').addEventListener('click', function(){ 
 
\t alert(document.querySelector('input').valueAsNumber); 
 
});

<input type='number' value='34'> 
 
<button> 
 
    Alert number 
 
</button>

Ora, io sono non chiedendo come risolvere questo problema (utilizzando parseFloat(el.value) fa quel trucco), mi chiedo però cosa bordo ha attuato valueAsNumber per poi, se la funzione di base non sembra funzionare. Come in, come si dovrebbe usare questa proprietà secondo Edge.

Answer 1

Non so il motivo per cui bordo non supporta valueAsNumber su type="number", ma supporta sulla gamma, settimana, mese, e la data:

document.addEventListener('click', function(e) { 
 
    if(e.target.nodeName === 'BUTTON') { 
 
    alert(e.target.previousElementSibling.valueAsNumber); 
 
    } 
 
});

<p><input type="range" value="15">   <button>Alert number</button></p> 
 
<p><input type="week" value="2015-W50"> <button>Alert number</button></p> 
 
<p><input type="month" value="2015-12">  <button>Alert number</button></p> 
 
<p><input type="date" value="2015-12-12"> <button>Alert number</button></p>

Answer 2

Microsoft Edge è comportamento anomalo su valueAsNumber. Questo è segnalato come bug #669685. Inoltre, l'impostazione valueAsNumber produce una InvalidStateException.