jsÔõô»ñÈ¡inputÊäÈëµÄÊý¾Ý
ÔõÑù»ñÈ¡ input ÊäÈëµÄÊý¾Ý£¿Ê¹Óà value ÊôÐÔ£ºÊäÈëÔªËØµÄ value ÊôÐÔ°üÀ¨Ä¿½ñÊäÈëµÄÊý¾Ý¡£Ê¹Óà getinputvalue() ÒªÁ죨jquery£©£ºjquery ÌṩÁË getinputvalue() ÒªÁ죬ÓÃÓÚ»ñÈ¡ÊäÈëÔªËصÄÖµ¡£Ê¹Óà addeventlistener() ÊÂÎñ¼àÌýÆ÷£ºaddeventlistener() ÊÂÎñ¼àÌýÆ÷¿ÉÓÃÓÚÔÚÊäÈëÔªËØÉÏÕìÌýÊäÈëÊÂÎñ£¬²¢ÔÚÊäÈëÊý¾Ýʱ´¥·¢º¯Êý¡£
ÔõÑùʹÓà JavaScript »ñÈ¡ input ÊäÈëµÄÊý¾Ý
Òª»ñÈ¡ input ÊäÈëµÄÊý¾Ý£¬¿ÉÒÔʹÓà JavaScript µÄÒÔÏÂÒªÁ죺
ʹÓà value ÊôÐÔ£ºÊäÈëÔªËØµÄ value ÊôÐÔ°üÀ¨ÁËÆäÄ¿½ñÊäÈëµÄÊý¾Ý¡£Óï·¨£º
let value = inputElement.value;
µÇ¼ºó¸´ÖÆ
ʹÓà getInputValue() ÒªÁ죨jQuery£©£ºjQuery ÌṩÁË getInputValue() ÒªÁ죬ÓÃÓÚ»ñÈ¡ÊäÈëÔªËصÄÖµ¡£Óï·¨£º
let value = $(inputElement).val();
µÇ¼ºó¸´ÖÆ
ʹÓà addEventListener() ÊÂÎñ¼àÌýÆ÷£ºaddEventListener() ÊÂÎñ¼àÌýÆ÷¿ÉÓÃÓÚÔÚÊäÈëÔªËØÉÏÕìÌý input ÊÂÎñ£¬²¢ÔÚÊäÈëÊý¾Ýʱ´¥·¢º¯Êý¡£Óï·¨£º
inputElement.addEventListener('input', (event) => { let value = event.target.value; });
µÇ¼ºó¸´ÖÆ
ʾÀý£º
<input id="name" type="text" placeholder="Enter your name"><script> // ʹÓà `value` ÊôÐÔ»ñÈ¡ÊäÈëÖµ const nameInput = document.getElementById('name'); const nameValue = nameInput.value; // ʹÓà `getInputValue()` ÒªÁ죨jQuery£©»ñÈ¡ÊäÈëÖµ const nameValue = $('#name').val(); // ʹÓà `addEventListener()` ÊÂÎñ¼àÌýÆ÷»ñÈ¡ÊäÈëÖµ nameInput.addEventListener('input', (event) => { const nameValue = event.target.value; }); </script>
µÇ¼ºó¸´ÖÆ
ͨ¹ýÕâЩҪÁ죬Äã¿ÉÒÔÇáËɵػñÈ¡Óû§ÔÚ input ÔªËØÖÐÊäÈëµÄÊý¾Ý¡£
ÒÔÉϾÍÊÇjsÔõô»ñÈ¡inputÊäÈëµÄÊý¾ÝµÄÏêϸÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡