js事件

来源：互联网发布：上海大学乐乎论坛编辑：程序博客网时间：2024/06/06 12:46

onclick 鼠标单击事件
onmouseover 鼠标经过事件
onmouseout 鼠标移开事件
onchange 文本框内容改变事件
onselect 文本框内容被选中事件
onfocus 光标聚集
onblur 光标离开
onload 网页导入
onunload 关闭网页

<!DOCTYPE html><html> <head>  <title> 事件</title>    <script type="text/javascript">   function count(){    var a=parseInt(document.getElementById('txt1' ).value);     //获取第一个输入框的值    var b=parseInt(document.getElementById('txt2' ).value);    //获取第二个输入框的值;    var c=document.getElementById('select').value;    var result="";    //获取选择框的值        switch(c){            case"+":               result=a+b;                break;            case"-":                result=a-b;                break;            case"*":                result=a*b;                break;            default:                result=a/b;         }    //获取通过下拉框来选择的值来改变加减乘除的运算法则    document.getElementById('fruit' ).value=result;    //设置结果输入框的值    }  </script>  </head>  <body>   <input type='text' id='txt1' />    <select id='select'>        <option value='+'>+</option>        <option value="-">-</option>        <option value="*">*</option>        <option value="/">/</option>   </select>   <input type='text' id='txt2' />    <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数，得到结果-->    <input type='text' id='fruit' />    </body></html>

0 0