一些JS事件小片段程式碼整理收集(持續)

狐狸家的魚發表於2018-08-09

一、js實現

 1 <html xmlns=" http://www.w3.org/1999/xhtml">
 2 <head>
 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 4 <script language="javascript">
 5 function AcceptData(num){
 6 document.getElementById("accepDate").value+=num;
 7 }
 8 </script>
 9 </head>
10 
11 <body>
12 <input id="accepDate" type="text" name="accepDate" />
13 <input type="submit" name="Submit" onclick="AcceptData(`1`)" value="1" />
14 <input type="submit" name="Submit" onclick="AcceptData(`2`)" value="2" />
15 </body>
16 </html>

 二、input輸入框的value傳值顯示

input輸入框中使用者輸入的值,點選按鈕顯示在另一個容器之中。

 

 function show(){
2             var callNum = document.getElementById(`exampleInputName2`);//宣告input
3             var callBtn = document.getElementById(`callBtn`);//宣告按鈕
4             var callingNum = document.getElementById(`callingNum`);//宣告容器
5             callingNum.innerHtml = callNum.value;//input的value值傳給容器顯示
6         
7 
8         }

 

 

 

三、清空功能按鈕

設定一個能清空input輸入框中值的按鈕,新增事件

$(`#btn-clear`).click(function(){
                $(`.ipt-cont`).val(` `).focus();//清空後獲得焦點以便重新輸入
            });

 


相關文章