js中怎么写点击按钮时变色,松开后恢复原来的颜色
展开全部
首先给这个按钮添加鼠标的按下和松开的事件,mousedown,mouseup,使用这两个函数即可。我举个例子
按钮对象.mousedown(function(){
//这里写更改颜色代码
});//这个是鼠标键,是你鼠标左击按下的的效果
按钮对象.mouseup(function(){
//这里写更改颜色的代码
})//这个是鼠标键,是你鼠标左击放开后的效果
}
上面的写法是基于jquery的用法
其实也可以考虑一下使用原生的js,但是要考虑的是兼容性问题,我给你提供几样数据
IE
左键是 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
按钮对象.mousedown(function(){
//这里写更改颜色代码
});//这个是鼠标键,是你鼠标左击按下的的效果
按钮对象.mouseup(function(){
//这里写更改颜色的代码
})//这个是鼠标键,是你鼠标左击放开后的效果
}
上面的写法是基于jquery的用法
其实也可以考虑一下使用原生的js,但是要考虑的是兼容性问题,我给你提供几样数据
IE
左键是 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
展开全部
小程序的点击事件里,有对应的方法。
bindtouchstart="handleTouchStart" //按下未松开
bindtouchend="handleTouchEnd" //松开
再写出你想要的操作就行了
bindtouchstart="handleTouchStart" //按下未松开
bindtouchend="handleTouchEnd" //松开
再写出你想要的操作就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
绑定mousedown、mouseup事件就可以了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
css 伪类的 :active 他不香么?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询