码迷,mamicode.com
首页 > 其他好文 > 详细

表单事件

时间:2019-12-28 23:11:57      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:style   innertext   asc   char   sele   log   sub   改变   fun   

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>表单事件</title>
 6 </head>
 7 <body>
 8     <form action="">
 9         <input type="text" name="usr">
10         <button type="submit">提交</button>
11         <div></div>
12     </form>
13 </body>
14 <script type="text/javascript">
15     var form = document.querySelector(form)
16     var ipt = document.querySelector(input)
17     var btn = document.querySelector(button)
18     ipt.onselect = function () {
19         console.log(文本被选中);
20     };
21     var div = document.querySelector(div)
22     // ipt.oninput = function () {
23     //     console.log(‘值改变‘);
24     //     div.innerText = this.value
25     // };
26     // ipt.onkeyup = function () {
27     //     div.innerText = this.value
28     // }
29     // ipt.onchange = function () {
30     //     div.innerText = this.value
31     // }
32     form.onsubmit = function () {
33         console.log(提交)
34         return false;
35     }
36 
37 </script>
38 </html>

表单事件

标签:style   innertext   asc   char   sele   log   sub   改变   fun   

原文地址:https://www.cnblogs.com/xuqidong/p/12113299.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!