JavaScript中onChange、onselect 、onmouseout等事件的实例

本文介绍了一个ASP.NET页面如何使用JavaScript进行交互的例子,包括弹窗提示、表单验证及元素事件处理等基本操作。

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>


    <script language ="javascript " type ="text/javascript" >
        function confirm ()
        {
            var bln ="数据提交后一切后果自负,请再次确认!";
            alert (bln) ;
        }
        function prompt ()
        {
            var str ="请输入密码";
            alert(str);
        }  
        function  confirmcheck()
        {
            if(confirm("你确定提交这个表单吗?"))
            {
                return true ;
            }
            else
            {
                return false ;
            }
                  
        }
        function onchangetext ()
        {
            alert('asd的值或属性发生了变化!');
        }
        function onselecttext()
        {
            alert('此文件必能复制!');
        }
        function onunload()
        {
            alert('谢谢你的到来,欢迎你下次再来!');
        }
        function onmouseover()
        {
            alert('鼠标掠过!');
        }
        function onmouseout()
        {
            alert ('鼠标已离开!');
        }
 
     </script> 
</head> 
 

 
<body onunload ="onunload()">
    <hl>两个script函数可以写在一个script里面,连接设空用“#”后面加的是点击事件,并调用script中的函数</hl>
    <hl><a href="#" onclick="confirm()">提交</a></hl>
    <hl><a href ="#"  onmousedown ="prompt()">密码</a></hl>

    <form id="form1" method ="post"  runat ="server"  onsubmit="confirmcheck()">
        <input  type ="submit" name ="onsubmit"  value ="提交"/>
   
        <div>
       
        </div>
    </form>
    <hl>用JS脚本实现两个输入框的内容一致</hl>
    <form  >
        <input  type="text "   onChange ="document.fif.elements[0].value=this.value" />
    </form>
    <form name ="fif">
    <input type="text "        onChange="document.forms[0].elements[0].value=this.value"/>
    </form>
    <hl>from中input的onchang事件</hl>
    <form   >
        <input  name ="asd" id="asdf"  value ="asd" type ="text" onchange ="onchangetext()" />
    </form>
    <hl>用onselect事件控制 文档不能被复制</hl>
    <form >
    <input  name="asd" id ="adf"  value ="adsffa" onselect ="onselecttext()" type="password "/>

    </form>
     
</body>
</html>

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值