jquery取消默认事件

最新推荐文章于 2022-01-26 12:38:03 发布
最新推荐文章于 2022-01-26 12:38:03 发布
阅读量376 收藏
点赞数
分类专栏： 练习 文章标签： jquery js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57675124/article/details/118225361
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<a href="https://www.csdn.net/">一起打游戏啊</a>
		<div id="net"></div>
		
		<script src="js/jquery-3.6.0.min.js"></script>
		<script>
			$('a').click(function(event){
				event.preventDefault();
				$('<div></div>').append('好啊').appendTo('#net');
				$('<div></div>').append('上号').appendTo('#net');
			})
		</script>
	</body>
</html>

laity01
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JQuery阻止（默认）事件冒泡
IT界泥石流
06-15 9670
1.事件冒泡     事件冒泡就是，你在执行元素点击事件的时候同时也会触发到此元素的其前辈元素的点击事件，从而可能造成一定程度上的程序混乱现象，为了避免这种情况的出现，现在我们可以使用阻止事件冒泡。   阻止事件冒泡：even.stopPropagation();//不触发除本身之外的其他任何控件的事件          【案例】   定义两个div，第一个div里嵌套一个span标签，没以个di...
jQuery中事件的冒泡和默认行为
01-20
`，这不仅可以阻止事件冒泡，还能取消事件的默认行为。 2. **使用stopPropagation()**：如果事件回调函数接收到了`event`参数，可以通过调用`event.stopPropagation();`来阻止事件继续向上冒泡，但不会影响默认行为...
前端提高篇(九十五)：jQuery事件：焦点、滚轮、取消默认等事件
安之ccy的博客
04-01 684
1. focus() / blur() / change 1.1 focus() / blur() focus()：获得焦点 blur()：失去焦点 demo：一开始文本框里的文字是灰色的；当鼠标点击文本框，即文本框获得焦点时，文本框里的内容清空，写进的文字仍是灰色；当文本框失去焦点时，文本框内容颜色变成黑色 input { color: #999; } <input type="text" name="" id="" value="name"> <script src="./j
JQuery事件之取消默认行为
来老师的专栏
12-06 1万+
JQuery事件的e参数的方法preventDefault()可以取消对象的默认行为。如下代码： $(function () { $("a").click(function (e) { alert($(this).text()); e.preventDef
jQuery 控件事件的绑定和取消操作
petercnmei的专栏
05-15 8202
jQuery的绑定事件非常方便，有bind、live、one还有它帮你把一些常用的事件给单独了出来，比如控件的onclick事件，我们绑定onclick事件的时候只需要 $("#testButton").click(function() {      alert("I'm Test Button");  });  就这样我们在testButton这个按钮上绑定了onclick事件，执行al
jQuery 中的事件冒泡和阻止默认行为
热门推荐
aimartt的专栏
08-13 2万+
jQuery 中的事件冒泡和阻止默认行为 参考资料： 《锋利的jQuery》    作者：单东林 张晓菲 魏然    出版社: 人民邮电出版社 1、事件冒泡 <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"
JQuery事件e参数的方法preventDefault()取消默认行为
10-26
JQuery事件的e参数的方法preventDefault()可以取消对象的默认行为，下有个不错的示例，大家可以参考下，希望对大家有所帮助
jQuery 事件 方法
12-13
9. **event对象属性和方法**：在事件处理程序中，`event`对象提供了许多有用的信息，如`event.target`（触发事件的元素）、`event.preventDefault()`（阻止事件的默认行为）、`event.stopPropagation()`（阻止事件...
jQuery中的常用事件总结
10-29
防止事件冒泡有多种方法，其中`event.preventDefault()`可以取消事件的默认行为，而`event.stopPropagation()`则用于停止事件传播。例如： ```javascript $('switcher').click(function(event){ if(event.target =...
关于jquery的取消阻止默认事件
weixin_30797027的博客
09-12 180
最近帮朋友做个东西，整个屏幕有一个遮罩层，但是这个遮罩层能滑动，于是百度了一下，返现，用 $('body').bind("touchmove",function(e){ e.preventDefault(); }); 这句话，就能阻止遮罩层的滑动，使得屏幕固定，但是当遮罩层消失的时候，这个屏幕依旧不能滑动，这是鱿鱼以上那个函数依然在执行，当时，一直在百度一个方法，就是如何取消阻止的默认行为...
jQuery---解除事件
Philo的博客
01-26 5219
jQuery—解除事件 常见的解除事件有三种，往往取决与你绑定事件所用的关键字： 举例1： //绑定事件，使用id选择器给btn1绑定点击事件 $("#btn1").on("click",function(){ console.log("点击事件") }).mouseenter(function(){ console.log("鼠标聚焦事件") }) //点击第二个按钮，解除第一个按钮事件 $("#btn2").on("click",function()
jQuery 事件方法 ： 阻止事件发生默认行为
大洋
06-28 2379
阻止事件发生默认行为： 1、 实例 防止链接打开 URL： $(&quot;a&quot;).click(function(event){ event.preventDefault(); }); 定义和用法 preventDefault() 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。 2、e.stopPropagation()...
jQuery事件---阻止冒泡和默认行为
Twilight's Blog
06-16 1万+
冒泡如果在页面中重叠了多个元素，并且重叠的这些元素都绑定了同一个事件，那么就会出现冒泡问题。例如：<body> <div style="width:300px;height:300px;background-color:skyblue;"> <input type="button" value="button"/> </div> </body>如果document、d
阻止a标签默认事件的几种简单方法
wangcuiling_123的博客
06-27 2万+
第一种： 百度 或者百度 测试：（可行）百度 百度1 function myjs(){ alert("a标签默认事件被阻止，执行js函数"); } 第二种：百度 (最常见的，但是点击后页面会返回到顶部，不可用)；所以又有了百度或者百度 测试： 百度 百度1 百度2 function myjs(){ alert("a标签默认事
jQuery事件--- event.preventDefault() 取消点击动作的默认导航行为
weixin_34015566的博客
12-23 289
event.preventDefault()描述:如果调用这个方法，默认事件行为将不再触发。event.preventDefault() //这个方法不接受任何参数。 例如，在执行这个方法后，如果点击一个链接（a标签），浏览器不会跳转到新的 URL 去了。我们可以用event.isDefaultPrevented()来确定这个方法是否(在那个事件对象上)被调用过了...
JQuery 阻止默认行为
李金华的博客
08-05 1360
问题及效果： 什么是默认行为？ 如：a 标签的点击跳转、submit按钮的点击提交、选中文本的拖拽搜索等等…… 有时我只是需要a标签的样式并不希望有点击跳转的效果； 用户填写完表单时，表单内容也会在前台JS中进行验证，内容不合法，数据也不能提交； 因此，在某些时候，我们需要阻止标签元素的默认行为； 案例代码：     腾讯链接                 用户名：
jquery触摸事件取消默认行为
最新发布
06-25
jQuery 提供了一套丰富的触摸事件处理方法，用于响应移动设备上的触摸操作，例如滑动、点击和长按时。取消触摸事件的默认行为通常是为了自定义这些事件的行为，而不是让浏览器执行其内置的行为。 取消触摸事件的默认行为通常是通过 `event.preventDefault()` 方法来实现的。这个方法会阻止事件的默认动作，比如防止链接跳转、表单提交等。当你希望阻止触发动画或阻止元素的位置改变（如在滑动事件中）时，可以这样做： ```javascript $(document).on('touchstart touchmove touchend', function(event) { if (/* 在这里判断需要阻止的条件 */) { event.preventDefault(); // 取消默认行为 } // 其他处理触摸事件的代码... }); ``` 在这个例子中，你需要根据具体的触摸事件和你的需求来判断是否应该调用 `event.preventDefault()`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

laity01

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值