触摸启动时显示为灰色的表单按钮
Grey out form button on touch start
我有一个带有背景的"按钮"类型的输入,想知道如何通过javascript使背景变灰。它的 css 如下所示:
background:url(../img/cameraPic.png) no-repeat center;
当有人触摸它时,我希望它在按住它时通过变灰来做出反应。这样一个函数的骨架看起来像这样,但我不确定当它有背景时如何更改颜色。
$("#myButton").bind('touchstart', function(e){
//...What to put here?
});
有人有什么想法吗?我应该使用 grayscale() css 属性还是只是制作一个新图像并在每次按下新图像时用新图像替换背景?
像这样的东西?例
$("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
});
});
相关文章:
- 单击禁用表单按钮,然后提交表单
- 如何将POST表单按钮转换为链接
- 按下iframe内部的Youtube订阅表单按钮
- 表单按钮在同一窗口中打开新的URL
- 按下Youtube订阅表单按钮
- 表单按钮上的页面转换
- 禁用表单按钮,除非已填写所有文本输入字段
- 如何查看从 javascript 中的表单按钮提交调用的 php 文件中的回显
- 从“onblur”事件中排除表单按钮,JavaScript
- 触摸启动时显示为灰色的表单按钮
- 如何在表单按钮中使用JavaScript函数
- HTML5表单按钮提交不起作用
- 刮擦:找不到表单按钮
- 保留未保存的表单:按钮提交事件将重置“Changed_Form”状态
- 无法阻止追加在 Jquery UI 对话框上的表单按钮的缺省操作
- iframe 中的表单按钮,单击后,在父窗口中加载
- 在表单按钮css中的文本旁边添加图像
- 使用JavaScript提交特定的表单按钮
- 提交表单按钮在ajax发布后卡住
- 使表单按钮在单击后消失(游戏)