鼠标相关交互事件
【高】单击时
元件(元件组)的是鼠标单击事件，可以实现鼠标单击的触发的交互事件。
【中】双击事件
元件(元件组)的是鼠标双击事件，作为触发条件。同时也是双击页面任何地方可触发。
【中】鼠标右击事件
元件(元件组)的鼠标右击是的交互，作为触发条件。在一些客户端产品的原型中，可通过右击调出页面菜单。
【中】鼠标移入时
监听鼠标是否移入当前元件(元件组)的范围（注：元件范围一般常规为矩形形状的范围）。
【中】鼠标移出时
监听鼠标是否移出当前元件(元件组)的范围。
【中】鼠标悬停时
监听鼠标是否悬停在当前元件(元件组)的范围（鼠标一直在与元件“接触”）。
【中】长按时
监听鼠标是长按在当前元件(元件组)的范围。
键盘相关交互事件
【低】按键按下时
当键盘按下某个特定的按键，作为触发条件。
【低】按键松开时
当键盘松开某个特定的按键，作为触发条件。
元件相关交互事件
【中】移动时
当元件（元件组）移动时，作为触发条件。
【中】旋转时
当元件（元件组）旋转时，作为触发条件。
【中】调整大小时
当元件（元件组）大小改变时，作为触发条件。
【中】显示时
当元件（元件组）由隐藏状态变更为显示状态时，作为触发条件。
【中】隐藏时
当元件（元件组）由显示状态变更为隐藏状态时，作为触发条件。
【中】得到焦点时
当元件（元件组）获取焦点时，作为触发条件。
【中】失去焦点时
当元件（元件组）失去焦点时，作为触发条件。
【高】加载时（载入时）
当元件（元件组）在载入时，作为触发条件。
- 注：页面刷新也可以触发加载时交互事件
总结
本文相对比较枯燥，常用的交互事件，需要结合自己所需涉及对应的交互触发方式，在熟练使用这些方式方法只有理解和多用。
注：【高】【中】【低】主要代表日常使用的频率。
本文来自Broes，本文观点不代表 PmTemple 立场，转载请联系原作者。原文链接：
微信扫一扫 
支付宝扫一扫 
评论列表（5条）
交互事件掌握程度直接影响原型开发ROI。数据显示，熟练掌握这些交互功能可将原型设计效率提升60%，减少后期沟通成本35%。对产品经理而言，这是高性价比的技能投资，尤其对B端产品原型设计，交互逻辑清晰度直接影响客户转化率。
交互事件如诗行，每一处触发都是与用户的无声对话。本文虽简，却勾勒出了产品与用户间可能的相遇方式。若能辅以更多场景思考，则如诗韵更添余味。
@笔墨实践派：哇！这些交互事件简直就像游戏中的触发机制一样让人兴奋！鼠标悬停就像角色NPC对话，加载时就像地图初始化，作为游戏策划看到这个太有共鸣啦！这些基础元素组合起来就能创造出超棒的交互体验呢～(ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
这些交互事件就像摄影中的不同拍摄技巧！鼠标悬停时和移入移出事件特别实用，能创造出像照片过渡一样流畅的用户体验。长按事件让我想起拍摄延时摄影的耐心等待，而加载时事件则像是按下快门的那一刻。产品原型设计也需要摄影师的构图思维呢！📸
@取景思想家：交互事件分类很清晰，但使用频率标注对我启发很大。作为产品设计师，我常忽略低频但关键的事件，如键盘事件。其实设计移动端原型时，这些事件能让交互更自然，减少用户学习成本。