码迷,mamicode.com
首页 > Web开发 > 详细

js--事件概念和事件监听

时间:2019-07-14 11:27:33      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:put   test   提交   turn   doc   input   inf   pre   als   

事件概念和事件监听

事件的概念

JavaScript使我们有能力创建动态页面,网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。我们可以认为事件是可以被JavaScript侦测到的一种行为。

使用返回值改变HTML元素的默认行为

HTML元素大都包含了自己的默认行为,例如:超链接、提交按钮等。我们可以通过在绑定事件中加上return false来阻止它的默认行为

1.绑定HTML元素属性

<input type="button" value="clickMe" onClick="check(this)">

2.绑定DOM对象属性

document.getElementById(“btn1”).onClick=test;//test函数名

 

<html>
    <head>
        <title>00</title>
        <script type="text/javascript" charset="utf-8">
        
            function test1(){
                alert("绑定HTML元素属性");
            }
            
            function test2(){
                alert("绑定DOM对象属性");
            }
            
            
        
        </script>
    </head>
    <body>
    
        <a href="http://www.baidu.com" οnclick="return false">点击我</a>
        <input type="button" value="测试1" id="mytest1" οnclick="test1()"/>
        <button type="button" id="test2"><b>测试2</b></button>
        
        <script type="text/javascript">
            document.getElementById("test2").οnclick=test2;
        </script>
        
    
    </body>
 
</html>

js处理事件流程--冒泡方法

技术图片

 javascript事件列表解说

      鼠标事件

 

onclick

单击鼠标左键触发

ondblclick

双击鼠标左键触发

onmousedown

单击任意一个鼠标按键时触发

onmouseout

鼠标指针移出一个元素边界时触发

onmousemove

鼠标在某个元素上移动时持续触发

onmouseup

松开鼠标任意一个按键时触发

onmouseover

鼠标指针移到一个元素上时触发

 

js--事件概念和事件监听

标签:put   test   提交   turn   doc   input   inf   pre   als   

原文地址:https://www.cnblogs.com/layuechuquwan/p/11183227.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!