JavaScript解决绑定事件不能将函数function写入window.onload内会导致变成内部函数无法访问-----JavaScript

r囧r小猫 2024-02-19 08:06 5阅读 0赞

>     <!DOCTYPE html>
>     
>     <html lang="en" id="myHtml">
>     	<head>
>     		
>     		<meta charset="UTF-8">
>     		<meta name="viewport" content="width=device-width, initial-scale=1.0">
>     		<title>HtmlAll</title>
>     	</head>
>     	<body>
>     		<script type="text/javascript" src="j.js"></script>
>     		<table align="center">
>     			<form id="myForm">
>     				<tr><td>登录窗口</td></tr>
>     				<tr>
>     					<td>
>     						<input type="text" id="username"/>
>     					</td>
>     				</tr>
>     				<tr>
>     					<td>
>     						<input type="password" id="password"/>
>     					</td>
>     				</tr>
>     				<tr>
>     					<td>
>     						<input type="submit" value="登录"/>
>     					</td>
>     				</tr>
>     			</form>
>     		</table>
>     		
>     		
>     		
>     		<a href="javascript:void(0)" onclick="alert('test')">执行页面不跳转</a>
>     		<input type="button" onclick="vars()" value="123"/>
>     	</body>
>     </html>
> 
> <!DOCTYPE html>  
>   
> <html lang="en" id="myHtml">  
> <head>  
>   
> <meta charset="UTF-8">  
> <meta name="viewport" content="width=device-width, initial-scale=1.0">  
> <title>HtmlAll</title>  
> </head>  
> <body>  
> <script type="text/javascript" src="j.js"></script>  
> <table align="center">  
> <form id="myForm">  
> <tr><td>登录窗口</td></tr>  
> <tr>  
> <td>  
> <input type="text" id="username"/>  
> </td>  
> </tr>  
> <tr>  
> <td>  
> <input type="password" id="password"/>  
> </td>  
> </tr>  
> <tr>  
> <td>  
> <input type="submit" value="登录"/>  
> </td>  
> </tr>  
> </form>  
> </table>  
>   
>   
>   
> <a href="javascript:void(0)" οnclick="alert('test')">执行页面不跳转</a>  
> <input type="button" οnclick="vars()" value="123"/>  
> </body>  
> </html>

>     window.onload = function()
>     {
>     	document.getElementById("password").onkeydown = function(event,b)//局部变量
>     	{
>     		//获取键值
>     		//回车键键值是13,ESC是27
>     		//对于键盘事件来说,他都有keyCode属性用来获取键值
>     		if(event.keyCode === 13)
>     		{
>     			//识别到回车键位提示正在登录
>     			alert("正在登录")
>     		}
>     	}
>     	
>     	document.getElementById("myForm").onsubmit = function()
>     	{
>     		alert("正在登录")
>     	}
>     }
>     
>     function vars()
>     {
>     	alert("1");
>     }
> 
> window.onload = function()  
> \{  
> document.getElementById("password").onkeydown = function(event,b)//局部变量  
> \{  
> //获取键值  
> //回车键键值是13,ESC是27  
> //对于键盘事件来说,他都有keyCode属性用来获取键值  
> if(event.keyCode === 13)  
> \{  
> //识别到回车键位提示正在登录  
> alert("正在登录")  
> \}  
> \}  
>   
> document.getElementById("myForm").onsubmit = function()  
> \{  
> alert("正在登录")  
> \}  
> \}
> 
> function vars()  
> \{  
> alert("1");  
> \}