Javascript 触摸启动时的灰显窗体按钮

我有一个带有背景的“button”类型的输入，我想知道如何通过javascript使背景变灰。它的css如下所示：

background:url(../img/cameraPic.png) no-repeat center;

当有人触摸它时，我希望它在被按住时变灰。这样一个函数的框架看起来是这样的，但我不确定当它有背景时如何更改颜色

 $("#myButton").bind('touchstart', function(e){
     //...What to put here?      
 });

有人有什么想法吗？我应该使用grayscale（）css属性，还是只制作一个新图像，并在每次按下时用新图像替换背景

像这样的

---

试试看它是怎么工作的？所以你在我看到的图像上加了一个半透明的灰色层？@MarksCode是的，如果我理解正确的话，这就是你想要的行为？是的，似乎不起作用，背景还是一样的image@MarksCode编辑代码后，您可以看到示例，但是用

mousedown

和

up

制作，为什么背景颜色需要用引号括起来，而不透明度不需要？

 $("button").bind('touchstart', function(e){
   e.preventDefault();
   $(this).css({
     'background-color':'grey',
     opacity:0.3
   });

 });

$("button").bind('touchend', function(e){

   $(this).css({
     'background-color':'transparent',
     opacity:1
   });

 });