博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript事件响应
阅读量:5905 次
发布时间:2019-06-19

本文共 1689 字,大约阅读时间需要 5 分钟。

javascript事件响应

<!DOCTYPE html>

<html>
<head lang="en">
    <meta charset="UTF-8">
     <title>单击事件</title>
     <script type="text/javascript">
           function openwin(){
           window.open(
                '',
                '_blank',
                'height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');
            }
           function messageover(){
           alert(' 鼠标经过事件');
            }
            function messageout(){
            alert('onomouseout 鼠标移开事件');
            }
            function messagefocus(){
            alert('onfocus 光标聚焦事件');
             }
            function messageonblur(){
            alert('onblur 失焦事件');
            }
            function messageonselect(){
            alert('onselect 内容选中事件');
             }
            function messageonchange(){
            alert('onchange 文本框内容改变事件');
             }
            function messageonload(){
            alert('onload 加载事件');
             }
            window.onunload = onunload_message;
            function onunload_message(){
            alert('onunload_message 卸载事件');
            }
       </script>
</head>
        <!--加载事件-->
        <!--卸载事件-->
      <body onload="messageonload()onunload="onunload_message()">
        <from>
        <!--点击事件-->
        <input name="点击" type="button" value="点击" onclick="openwin()"/>
        <br/>
        <!--鼠标经过事件-->
        <input name="确定"  type="button" value="确定" onmouseover="messageover()/>
        <br/>
        <!--鼠标移开事件-->
        <href="" onmouseout="messageout()">点击我</a>
        <br/>
        <!--光标聚焦事件-->
        <select name = 'career' onfocus="messagefocus()">
        <option>学生</option>
        <option>教师</option>
        <option>工程师</option>
        <option>演员</option>
        <option>会计</option>
        </select>
        <br/>
        <!--失焦事件-->
        用户:<input name="username" type="text" value="请输入用户名!" onblur="messageonblur()"/>
        密码:<input name="password" type="text" value="请输入密码!"/>
        <br/>
        <!--内容选中事件-->
        <!--文本框内容改变事件-->
        个人简介:<br>
        <textarea name="summary" cols="60" rows="5" onselect="messageonselect()onchange="messageonchange()">
        请输入个人简介,不少于200字</textarea>
        <br/>
        </from>
    </body>
</html>

本文转自 卓行天下  51CTO博客,原文链接:http://blog.51cto.com/9951038/1745918,如需转载请自行联系原作者
你可能感兴趣的文章
lnmp环境搭建
查看>>
自定义session扫描器精确控制session销毁时间--学习笔记
查看>>
PHP队列的实现
查看>>
单点登录加验证码例子
查看>>
[T-SQL]从变量与数据类型说起
查看>>
occActiveX - ActiveX with OpenCASCADE
查看>>
BeanUtils\DBUtils
查看>>
python模块--os模块
查看>>
Java 数组在内存中的结构
查看>>
《关爱码农成长计划》第一期报告
查看>>
学习进度表 04
查看>>
谈谈javascript中的prototype与继承
查看>>
时序约束优先级_Vivado工程经验与各种时序约束技巧分享
查看>>
minio 并发数_MinIO 参数解析与限制
查看>>
flash back mysql_mysqlbinlog flashback 使用最佳实践
查看>>
mysql存储引擎模式_MySQL存储引擎
查看>>
java 重写system.out_重写System.out.println(String x)方法
查看>>
配置ORACLE 11g绿色版客户端和PLSQL远程连接环境
查看>>
ASP.NET中 DataList(数据列表)的使用前台绑定
查看>>
Linux学习之CentOS(八)--Linux系统的分区概念
查看>>