JavaScript事件(含Demo)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript事件(含Demo)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1895字，纯文字阅读大概需要3分钟。
内容图文
主要事件:
onclick 鼠标单击事件
onmouseover 鼠标经过事件
onmouseout 鼠标移开事件
onchange 文本框内容改变事件
onselect 文本框内容被选中事件
onfocus 光标聚集
onblur 光标离开
onload 网页导入
onunload 关闭网页
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title> 事件</title>
6 <script type="text/javascript">
7 function count(){
8
9 var result="";
10
11 //获取第一个输入框的值
12 var num1 = document.getElementById("txt1").value;
13 //获取第二个输入框的值
14 var num2 = document.getElementById("txt2").value;
15 //获取选择框的值
16 var op = document.getElementById("select").value;
17 //获取通过下拉框来选择的值来改变加减乘除的运算法则
18 switch(op){
19 case "+":
20 result = parseFloat(num1) +parseFloat(num2);
21 break;
22 case "-":
23 result = parseFloat(num1) -parseFloat(num2);
24 break;
25 case "*":
26 result = parseFloat(num1) *parseFloat(num2);
27 break;
28 case "/":
29 if(parseFloat(num2) === 0){
30 var con = confirm("被除数不能为0！");
31 break;
32 }
33 result = paresFloat(num1) / paresFloat(num2);
34 break;
35 }
36 //设置结果输入框的值
37 document.getElementById("fruit").value = result;
38 }
39 </script>
40 </head>
41 <body>
42 <input type='text' id='txt1' />
43 <select id='select'>
44 <option value='+'>+</option>
45 <option value="-">-</option>
46 <option value="*">*</option>
47 <option value="/">/</option>
48 </select>
49 <input type='text' id='txt2' />
50 <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数，得到结果-->
51 <input type='text' id='fruit' onfocus="count()"/>
52 </body>
53 </html>
内容总结
以上是互联网集市为您收集整理的JavaScript事件(含Demo)全部内容，希望文章能够帮你解决JavaScript事件(含Demo)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】