js 鼠标效果
2024-10-07 10:59:57
一. 鼠标悬停效果和离开效果
鼠标效果和v-if 配合使用效果很好
<a class="all btn" href="#" v-on:mouseover="sortAll" v-on:mouseleave='leave()'>全部商品分类</a>
<ul v-if="seen" id="sortlist"></ul>
1. js 用 onmouseenter onmouseleave
<h1 id="demo" onmouseenter="mouseEnter()" onmouseleave="mouseLeave()">鼠标移到我这</h1>
vue用 v-on:mouseenter v-on:mouseleave 或 @mouseenter @mouseleave
注意当div完全隐藏时在使用mouseleave无效
<div id="app">
<input v-model="message"/>
<p>{{ message }}</p>
<button v-on:mouseenter="show" v-on:mouseleave="leave">点我</button>
</div>
2. v-on:mouseover v-on: mouseout
mouseover 和mouseenter却别
<p>不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。</p>
<p>只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。</p>
最新文章
- Python(六)面向对象、异常处理、反射、单例模式
- jsp标签
- AspCms标签手册
- css3 animation动画技巧
- oracle Imp和exp以及导入常见的错误
- Easyui的combobox组件无法选择内容
- 基于Karma和Jasmine的AngularJS测试
- ServerSocketChannel实现多Selector高并发server
- JavaScript常用内置对象(window、document、form对象)
- EF分页
- 4. 跟踪标记 (Trace Flag) 610 对索引组织表(IOT)最小化日志
- Hibernate验证器
- boost学习目录
- Spring Boot 2.x(七):优雅的处理异常
- HDU 1671 Phone List (qsort字符串排序与strncmp的使用 /字典树)
- NodeJs笔记 : express框架创建工程 ----- 路由设计
- Oracle表的查询(一)
- LVS持久化与超时时间问题分析
- thinkCMF----使用自定义函数
- sql语句中as的意思是什么?
热门文章
- WWDC2014代码和视频下载
- a special kind of crossword called a word square
- SpringBoot系列:二、SpringBoot的配置文件
- 多进程---multiprocessing/threading/
- 转)delphi chrome cef3 控件学习笔记 (二)
- 类TreeMap
- 44 答疑(三)--join的写法/Simple nested loop join的性能问题/Distinct和group by的性能/备库自增主键问题
- struts2 基础
- 如何让字典保持有序---Python数据结构与算法相关问题与解决技巧
- C++[Tarjan求点双连通分量,割点][HNOI2012]矿场搭建