oninput 事件在元素获得用户输入时发生。
当 或 元素的值发生改变时，会发生此事件。</p> <p class="tip"><span>提示：</span>此事件类似于 <a href="/lo/jsref/event_onchange.html" title="ເອບເອັມໄອເດີ້ມ ອອນແກ້ເປັນ">ເອບເອັມໄອເດີ້ມ ອອນແກ້ເປັນ</a>。不同之处在于 oninput 事件在元素值改变后立即发生，而 onchange 在元素失去焦点，且内容发生改变后发生。另一个区别是 onchange 事件也适用于 <select> 元素。</p> </div> <div> <h2>ຕົວຢ່າງ</h2> <h3>ຕົວຢ່າງ 1</h3> <p>ຖ້າຜູ້ນຳໃຊ້ເວົ້າໃນ <input> ບັນປະຍັດສາຍຄິວ:</p> <pre class="language-html"> <input type="text" oninput="myFunction()"> </pre> <p class="tiy"><a target="_blank" href="/lo/tiy/t.html?f=event_oninput">ທ້າທາຍດຽວກັບເຈົ້າເອງ</a></p> <h3>ຕົວຢ່າງ 2</h3> <p>ສັນຍາສາຍຄິວ - ບວກຄວາມທີ່ຈະປ່ຽນມູນຄ່າສາຍຄິວ:</p> <pre class="language-html"> <input type="range" oninput="myFunction(this.value)"> </pre> <p class="tiy"><a target="_blank" href="/lo/tiy/t.html?f=event_oninput_slider">ທ້າທາຍດຽວກັບເຈົ້າເອງ</a></p> </div> <div> <h2>ສັນຍາ:</h2> <p>ໃນ HTML:</p> <pre class="language-html"> <<i>element</i> oninput="<i>myScript</i>"> </pre> <p class="tiy"><a target="_blank" href="/lo/tiy/t.html?f=event_oninput_html">ທ້າທາຍດຽວກັບເຈົ້າເອງ</a></p> <p>ໃນ JavaScript:</p> <pre class="language-js"> <i>object</i>.oninput = function(){<i>myScript</i>}; </pre> <p class="tiy"><a target="_blank" href="/lo/tiy/t.html?f=event_oninput_dom">ທ້າທາຍດຽວກັບເຈົ້າເອງ</a></p> <p>ໃນ JavaScript，ນຳໃຊ້ addEventListener() ກົນລະບົບ:</p> <pre class="language-js"> <i>object</i>.addEventListener("input", <i>myScript</i>); </pre> <p class="tiy"><a target="_blank" href="/lo/tiy/t.html?f=event_oninput_addeventlistener">ທ້າທາຍດຽວກັບເຈົ້າເອງ</a></p> <p class="note"><span>ຄວາມເຫັນ:</span>Internet Explorer 8 ຫຼືຫຼັງຈາກນັ້ນບໍ່ສະຫຼັບ: <a href="/lo/jsref/met_element_addeventlistener.html" title="ເອບເອັມໄອເດີ້ມ ອາດີ້ເລືອກການເບິ່ງຂຶ້ນ">addEventListener() ກົນລະບົບ</a>。</p> </div> <div> <h2>ລະອຽດດ້ານເຕັກນິກ:</h2> <table class="definition-usage"> <tr> <th>ການປະທຸກທີ່ຂຶ້ນ:</th> <td>支持</td> </tr> <tr> <th>ສາມາດຍົກເລີກ:</th> <td>ບໍ່ສະຫຼັບ:</td> </tr> <tr> <th>ລະດັບສະຖານະການ:</th> <td><a href="/lo/jsref/obj_event.html" title="ເອບເອັມໄອເດີ້ມ">Event</a>, <a href="/lo/jsref/obj_inputevent.html" title="ເອບເອັມໄອເດີ້ມ ອິນໂພດເອັນເພີ່ມ">InputEvent</a></td> </tr> <tr> <th>HTML ອັບເທລະມະດຸທີ່ສະຫຼັບ:</th> <td><input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="month">, <input type="number">, <input type="password">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week"> ແລະ <textarea></td> </tr> <tr> <th style="width: 25%;">DOM ຮູບແບບອັນດັບ:</th> <td>Level 3 Events</td> </tr> </table> </div> <div> <h2>浏览器支持</h2> <p>表中的数字注明了完全支持该事件的首个浏览器版本。</p> <table class="browser-support"> <tr> <th class="bsTh">事件</th> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>oninput</td> <td>支持</td> <td>9.0</td> <td>4.0</td> <td>5.0</td> <td>支持</td> </tr> </table> </div> <div class="btn-toref"> <a href="/lo/jsref/dom_obj_event.html" title="HTML DOM Event">DOM 事件</a> <a href="/lo/jsref/obj_inputevent.html" title="ເອບເອັມໄອເດີ້ມ ອິນໂພດເອັນເພີ່ມ">InputEvent</a> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> ອຸປະກອນ </center><h3> <h5 id="tools_reference"><a href="/lo/jsref/index.html">ການສອນ JavaScript ແລະ HTML DOM</a></h5> <h5 id="tools_example"><a href="/lo/js/js_examples.html">ການທົດລອງຈີສະບຸດ</a></h5> <h5 id="tools_quiz"><a href="/lo/js/js_quiz.html">ການທົດລອງຈີສະບຸດ</a></h5> <h5 id="tools_tutorial"><a href="/lo/js/index.html">ການສອນຈີສະບຸດ</a></h5> </div> <div><h3><center> ທາງມວນຂະບວນສະໜັບສະໜູນ </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> ຂອງບັນຍັດວັນເວີກຄອມມູນິດສະໜອງໃຫ້ສຶກສາແລະການທົດລອງພຽງແຕ່ສຳລັບການສຶກສາແລະການທົດລອງບໍ່ໄດ້ຮັບການຮັບປະກັນວ່າມີຄວາມຖືກຕ້ອງ. ຄວາມສ່ຽງທີ່ເກີດຂຶ້ນຈາກການໃຊ້ຂອງຂໍ້ມູນທີ່ມາຈາກບັນຍັດນີ້ບໍ່ມີການກ່ຽວຂ້ອງກັບບັນຍັດນີ້. ສິດທິລິຂະສິດຢູ່ເທິງບັນຍັດນີ້ ແລະນຳສະຫຼຸບທັງໝົດ. </p> <p id="p2"> <a href="/lo/about/index.html" title="ກ່ຽວກັບ ບັນຍັດວັນເວີກຄອມມູນິດ">ກ່ຽວກັບ ບັນຍັດວັນເວີກຄອມມູນິດ</a> <a href="/lo/about/about_helping.html" title="ຊ່ວຍເຫຼືອ ບັນຍັດວັນເວີກຄອມມູນິດ">ຊ່ວຍເຫຼືອ ບັນຍັດວັນເວີກຄອມມູນິດ</a> <a href="/lo/about/about_use.html" title="ກ່ຽວກັບ ການໃຊ້">ຂໍ້ກຳນົດການໃຊ້</a> <a href="/lo/about/about_privacy.html" title="ກ່ຽວກັບ ຄວາມລັບ">ຂໍ້ກຳນົດຄວາມລັບ</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="ດຳເນີນໄປດ້ວຍ Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>