js html 交互监听事件学习

浏览数：23 / 时间：2015年06月09日

事件处理程序（handler）：

HTML事件处理程序：

<input type="button" value="Click Here" onclick="showMessage();" />
    <script type="text/javascript">
        function showMessage() {
            alert(‘Clicked!‘);
        }

JavaScript指定事件处理程序：

<input id="btnClick" type="button" value="Click Here" />

    <script type="text/javascript">
        var btnClick = document.getElementById(‘btnClick‘);
        btnClick.onclick = function showMessage() {
            alert(this.id);
        };
    </script>

DOM2事件处理程序：

<input id="btnClick" type="button" value="Click Here" />

    <script type="text/javascript">
        var btnClick = document.getElementById(‘btnClick‘);
        btnClick.addEventListener(‘mouseover‘, function() {
            alert(this.id);
        }, false);
        btnClick.addEventListener(‘click‘, function() {
            alert(‘Hello!‘);
        }, false);
    </script>

add与remove的参数必须一样
<input id="btnClick" type="button" value="Click Here" />

    <script type="text/javascript">
        var btnClick = document.getElementById(‘btnClick‘);
        var handler=function() {
            alert(this.id);
        }
        btnClick.addEventListener(‘click‘, handler, false);
        btnClick.removeEventListener(‘click‘, handler, false);
    </script>




 


 


 


 


 


 
js html 交互监听事件学习,古老的榕树,5-wow.com


          

            

              
              郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
            

          


          


          

            标签： 
            class
            
            java
            
            style
            
            html
            
            sp
            
            js
            
            class
            
            java
            
            style
            
            html
            
            sp
            
            js
            
            
            
          


          

            

              
相关文章

              
    
                
              

            

            

              
随机文章

              
            

          



          

            

              
您可能还喜欢

              
    
                
              

            


            

              
您可能还喜欢