1、新建HTML文件。
2、引入jqueryminjs文件。
3、创建div和按钮并添加class样式。
4、接下来需要创建css样式。
5、创建js点击事件。
6、当点击按钮移除div元素。
7、点击按钮效果如图所示。
扩展资料
1、<body></body> 所有div应该都放在body里面 应该这个才是内容区你把他们反正不是头和内容直接，网页解析肯定会出错的。
2、样式区域<style> 在里面必须加上type="text/css"这样才能搞错浏览器这部分为CSS样式部分，用CSS去解析而不是HTML。
3、内容区镶套了大量的多余DIV这属于多DIV症，这样会导致页面镶套混乱，然后加上你的那多浮动会出现做迷藏事件。
4、浮动后没有清楚浮动这样会产生很多的影响。
把代码中的if(li_number > 5){ }改成
if(li_number > 5){ $("mark_list_r")unbind('click'); }
超出5个就移除绑定的点击事件，那样再点击就没作用了。在Vue中给input元素取消点击事件可以通过以下几种方式实现：
1 使用修饰符 stop 和 prevent
可以使用Vue提供的事件修饰符stop和prevent来取消事件的冒泡和默认行为。例如，我们想要取消点击input元素的默认行为和冒泡，可以这样做：
```html
<template>
<input type="text" @clickstopprevent />
</template>
```
2 使用事件修饰符 native
如果你想给原生事件绑定监听器，可以使用native修饰符来将其转化为原生事件。在这种情况下，你可以取消任何关于Vue的中间处理逻辑，在原生DOM上直接监听事件，从而阻止默认行为或冒泡。
```html
<template>
<input type="text" v-on:clicknative="handleClick" />
</template>
```
3 在事件处理函数里使用 eventpreventDefault() 方法
最后一种是在事件处理函数里使用eventpreventDefault()方法来阻止默认行为，可以通过 $event 参数来访问触发事件的原生 DOM 事件。
```html
<template>
<input type="text" @click="handleClick($event)" />
</template>
<script>
export default {
methods: {
handleClick(event) {
eventpreventDefault()
},
},
}
</script>
```
上述三种方式都可以实现在Vue中给input元素取消点击事件，并根据不同情况选择相应的方式来达到效果。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）