html 按钮按下变色松开还原,js中怎么写点击按钮时变色，松开后恢复原来的颜色...

满意答案

xuehui988

2013.12.07

采纳率：44% 等级：7

已帮助：761人

首先给这个按钮添加鼠标的按下和松开的事件，mousedown,mouseup，使用这两个函数即可。我举个例子

按钮对象.mousedown(function(){

//这里写更改颜色代码

});//这个是鼠标键，是你鼠标左击按下的的效果

按钮对象.mouseup(function(){

//这里写更改颜色的代码

})//这个是鼠标键，是你鼠标左击放开后的效果

}

上面的写法是基于jquery的用法

其实也可以考虑一下使用原生的js，但是要考虑的是兼容性问题，我给你提供几样数据

左键是 window.event.button = 1

右键是 window.event.button = 2

中键是 window.event.button = 4

没有按键动作window.event.button = 0

Firefox

左键是 event.button = 0

右键是 event.button = 2

中键是 event.button = 1

没有按键动作 event.button = 0

Opera 7.23/7.54

鼠标左键是 window.event.button = 1

没有按键动作 window.event.button = 1

右键和中键无法获取

Opera 7.60/8.0

鼠标左键是 window.event.button = 0

没有按键动作 window.event.button = 0

右键和中键无法获取

另外：屏蔽右键的是window.event.button = 3

02分享举报

html 按钮按下变色松开还原,js中怎么写点击按钮时变色，松开后恢复原来的颜色...相关推荐

js中点击按钮时变色，松开后恢复原来的颜色
js中点击按钮时变色,松开后恢复原来的颜色 // class.active{background: #1AB394;}//js<script type="text/javascript ...
button点击后出现的边框_代码分享：原生js实现，鼠标点击按钮时，多彩粒子散射特效。...
原地址,可以在线查看演示效果,要是下面的代码复制后运行有问题,可以从原地址去复制,我试过了,OK的. 原生js实现,鼠标点击按钮时,多彩粒子散射特效.fairysoftware.com 完整代码,复 ...
微信小程序点击按钮弹出弹窗_微信小程序实现的点击按钮弹出底部上拉菜单功能示例...
本文实例讲述了微信小程序实现的点击按钮弹出底部上拉菜单功能.分享给大家供大家参考,具体如下: index.wxml 弹出action sheet {{item.txt}} 取消提示:您选择了菜单{ ...
JS中定义式函数与变量时函数的差别
2019独角兽企业重金招聘Python工程师标准>>> 在JS中代码的执行并不是一句一句的执行的,而是一段一段执行的,JS执行过程中,会把定义式函数语句提到最前面. //变量时函数 ...
JS中进行字符串的相等比较时用==遇到的坑
场景 JS中使用==来判断两个字符串是否相等. 遇到坑的代码: var select_id = Cookies.get("select_id");if(select_id==und ...
android 中怎么实现点击了对话框的按钮以后对话框不会消失,android 中怎么实现点击了对话框的按钮以后对话框不会消失...
满意答案 henpokeyo 2014.05.17 采纳率:40% 等级:9 已帮助:667人在android中当你点击了对话框的按钮以后不管你是否调用了dismis()函数系统本省都会去调 ...
iOS开发 - 类似美团选商品页，从按钮上往上滑动，tableview依然响应，点击按钮，按钮也可响应
最近被问到一个功能,就是类似美团选择商品界面,从提交订单按钮上往上滑动,tableView可以响应,向上滑动,点击按钮,按钮不受影响,不明白的小伙伴可以打开美团看看,从按钮上往上滑,tableView ...
android中怎么实现点击按钮进行页面的跳转
第一步:先创建好两个Activity.如图 (PS:是创建Activity,不是创建java类.右击包名,找到new-->other-->android-->AndroidActiv ...
C#中如何通过点击按钮切换窗口
实现方法如下: 1.设计首先在左侧放一个panel,右侧放一个panel(命名为pnlMain),调整大小,在左侧panel里放置两个按钮(多个按钮同理) 2.在按钮里面写方法在[命名规范检查] ...

html 按钮按下变色松开还原,js中怎么写点击按钮时变色，松开后恢复原来的颜色...

html 按钮按下变色松开还原,js中怎么写点击按钮时变色，松开后恢复原来的颜色...相关推荐

最新文章

热门文章