JavaScript事件方法实例详解

   
   
   <script src="scripts/eventutil.<a%20style=" color: text-decoration:underline title="js" href="https://www.php.cn/zt/15802.html" target="_blank">js?1.1.11" type="text/<a style="color:#f60; text-decoration:underline;" title= "javascript" href="https://www.php.cn/zt/15724.html" target="_blank">javascript"></script>
   <script type="text/javascript"><br/> var changesize = function () {<br/> var otxt = document.getelementbyid(&#39;txt&#39;);<br/> otxt.size += 5;<br/> }<p>var showMessage = function () {<br/> alert(&#39;单击事件&#39;);<br/> alert(&#39;事件类型：&#39; + event.type);<br/> }<p>window.onload = function () {<br/> document.getElementById(&#39;btn1&#39;).onclick = <br/> function () {<br/> alert(&#39;btn1单击事件&#39;);<br/> }<br/> }<br/> </script>


   
   
   
   

只有三次抽奖机会！

   
   
   <script type="text/javascript"><br/> var times = 0; //次数<br/> var arr = [&#39;一千万&#39;, &#39;女神一枚&#39;, &#39;布加迪威龙&#39;, &#39;海景别墅&#39;, &#39;全英雄全皮肤&#39;,&#39;无限充值&#39;,&#39;逢赌必赢&#39;];<p><span>立即学习“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）”；<p>var btnLottery = document.getElementById(&#39;btnLottery&#39;);<br/> btnLottery.onclick = function () {<br/> if(times >= 3)<br/> {<br/> alert("你已经抽完三次了！");<br/> this.onclick = null;<br/> return;<br/> }<br/> times++;<br/> var n = Math.floor(Math.random() * arr.length); //数组中随机抽一个<br/> var divResult = document.getElementById(&#39;divResult&#39;);<br/> divResult.innerHTML = "<p>您是第"+ times +"次抽奖，抽中的是："+ arr[n] +""<br/> }<br/> </script>

   
   <script type="text/javascript"><br/> var sayHi = function () {<br/> alert(&#39;Hello!&#39;);<br/> }</script>

var btnDOM2Test = document.getElementById('btnDOM2Test');
       btnDOM2Test.addEventListener('click', function () {
           alert('您单击的是：' + this.value);
       }, false);

btnDOM2Test.addEventListener('click', sayHi, false);

var btnDelDOM2Test = document.getElementById('btnDelDOM2Test');

var del = function () {
           btnDOM2Test.removeEventListener('click', function () {  
               alert('您单击的是：' + this.value);
           }, false);
           btnDOM2Test.removeEventListener('click', sayHi, false);
       }
       btnDelDOM2Test.addEventListener('click', del, false);

//IE9+
       //btnDOM2Test.attachEvent("onclick", sayHi);
       //btnDOM2Test.attachEvent("onclick", function () {
       //    alert("IE事件绑定!");
       //});
   

请输入手机号码
   
   <script type="text/javascript"><br/> var txtPhoneNum = document.getElementById(&#39;txtPhoneNum&#39;);<br/> EventUtil.addHandler(txtPhoneNum, &#39;keypress&#39;, function () {<br/> var e = EventUtil.getEvent();<br/> //alert(e.keyCode);<br/> //都不是数字<br/> if (e.keyCode < 48 || e.keyCode > 57) {<br/> EventUtil.preventDefault(e);<br/> }<br/> });<br/> </script>

       

用户登录

       账号：
       

       密码：
       

       
   

<script type="text/javascript"><br/> var txtUID = document.getElementById(&#39;txtUID&#39;);<br/> var txtPWD = document.getElementById(&#39;txtPWD&#39;);<br/> var btnSubmit = document.getElementById(&#39;btnSubmit&#39;);<br/> var frmDemo = document.getElementById(&#39;frmDemo&#39;);</script>

EventUtil.addHandler(btnSubmit, 'click', function () {
           alert('我提交了！');
           if (txtUID.value == "admin") {
               frmDemo.submit();   //提交
           }
           else {
               return;
           }
       });

EventUtil.addHandler(txtUID, 'keydown', function () {
           var e = EventUtil.getEvent();   //Enter.keyCode = 13;
           if (e.keyCode == 13) {
               txtPWD.focus();
               EventUtil.preventDefault(e);
           }
       });