事件对象阻止默认行为

最新推荐文章于 2024-05-11 10:05:08 发布

f_3345938485

最新推荐文章于 2024-05-11 10:05:08 发布

阅读量112

点赞数

文章标签： javascript 前端 html5

本文链接：https://blog.csdn.net/f_3345938485/article/details/124731233

版权

运行代码：

<body>
    <body>
        <div>123</div>
    
        <a href="http://www.baidu.com">百度</a>
    
        <form action="http://www.baidu.com">
            <input type="submit" value="提交" name="sub">
        </form>
    
        <script>
            // 常见事件对象的属性和方法
            // 1. 返回事件类型
            var div = document.querySelector('div');
            // div.addEventListener('click', fn);
            // div.addEventListener('mouseover', fn); // 冒泡阶段
            // div.addEventListener('mouseout', fn);
            div.addEventListener('mouseenter', fn);
            // div.addEventListener('mouseleave', fn);
    
    
    
            function fn(e) {
                console.log(e.type);
            }
            var a=document.querySelector('a');
            a.addEventListener('click',function(e){
                e.preventDefault();
            })
            let ipt = document.querySelector('input');
            ipt.addEventListener('click',function(e){
                e.preventDefault();
            })
        </script>

运行效果：

优惠劵

f_3345938485

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
事件对象阻止默认行为

运行代码：<body> <body> <div>123</div> <a href="http://www.baidu.com">百度</a> <form action="http://www.baidu.com"> <input type="submit" value="提交" name="sub">
复制链接

扫一扫