JS事件常用事件

oncontextmenu对象右击 

举例1:

<form id="form1" name="form1" method="post" action="">
	
   <label>姓名:<input type="text" name="textfield"></label><br/>
   <label>密码:<input type="text" name="textfield2" id="password"></label><br/>


<!-- onclick="javascript:alert('姓名:'+form1.textfield.value+'
'+'密码:'+form1.password.value)" -->
   <input type="submit" name="Submit" value="查看密码和姓名" onclick= "submitClick()">



</form>
 onclick="javascript:alert('姓名:'+form1.textfield.value+'
'+'密码:'+form1.password.value)"  等价于 下面的代码
<script type="text/javascript">
function submitClick(){
var from1 = document.getElementById("form1");
var textfield = form1.textfield;
var textfield2 = form1.textfield2;
alert('姓名:'+textfield.value+'
'+'密码:'+password.value);
}
</script>

等价于:  form1.elements['textfield2']如果name=textfield2的控件只有一个,返回的是控件,不是数组,如果有多个,则返回的是数组form1.elements['textfield2'][0]

function submitClick1(){
var from1 = document.getElementById("form1");
var textfield = form1.elements['textfield'];
var textfield2 = form1.elements['textfield2'];
alert('姓名:'+textfield.value+'
'+'密码:'+textfield2.value);

}
原文地址:https://www.cnblogs.com/hualuoshuijia/p/7372036.html