如何使元素鼠标不可点击,但可以通过javascript单击
How to make an element mouse unclickable but clickable through javascript?
我在jQuery中使用翻转插件来翻转给定的div。
代码(重用某人的代码)在您单击元素后翻转它。
我有几个图像,通过使用此功能,我正在尝试创建动画。我正在使用jQuery单击这些图像。但是,问题是即使是用户也可以单击图像并再次翻转我不想要的图像。
我尝试使用CSS属性:
body{pointer-events:none;}
这有效,但在完成动画后我无法使用 jQuery 禁用它。我试过了:
$('body').css('pointer-events','normal');
我重用的代码是:
$(document).ready(function() { /* The following code is executed once the DOM is loaded */
$('.sponsorFlip').bind("click", function() {
// $(this) point to the clicked .sponsorFlip element (caching it in elem for speed):
var elem = $(this);
// data('flipped') is a flag we set when we flip the element:
if (elem.data('flipped')) {
// If the element has already been flipped, use the revertFlip method
// defined by the plug-in to revert to the default state automatically:
elem.revertFlip();
// Unsetting the flag:
elem.data('flipped', false)
}
else {
// Using the flip method defined by the plugin:
$(this).unbind("click");
$(this).unbind("click");
$(this).unbind("click");
elem.flip({
direction: 'lr',
speed: 350,
onBefore: function() {
// Insert the contents of the .sponsorData div (hidden from view with display:none)
// into the clicked .sponsorFlip div before the flipping animation starts:
elem.html(elem.siblings('.sponsorData').html());
}
});
// Setting the flag:
elem.data('flipped', true);
}
});
});
我尝试添加
$('.sponsorFlip').unbind("click");
它也不起作用。
$('.sponsorFlip').on('click', function(e) {
// for a click event by mouse has e.clienX/e.clientY
if(e.clientX){
// then click by mouse
} else {
// triggered
}
});
演示(请参阅控制台)
为您的代码
$('.sponsorFlip').bind('click', function(e) {
// for a click event by mouse has e.clienX/e.clientY
if(e.clientX){
// then click by mouse
} else {
// triggered
}
});
演示(请参阅控制台)
将其分配给单击事件,然后模拟单击,然后取消分配单击事件似乎有点技巧。为什么不直接创建一个直接翻转元素的函数呢?
var options = {...};
$(element).flip(options);
要快速解决问题,请尝试删除以下行:
// If the element has already been flipped, use the revertFlip method
// defined by the plug-in to revert to the default state automatically:
elem.revertFlip();
// Unsetting the flag:
elem.data('flipped', false)
相关文章:
- 我可以通过javascript在鼠标光标旁边动态添加文本吗?
- HTML链接到页面,但带有另一个图像(可以通过JavaScript更改)
- 是否可以通过Javascript迭代stdin中的每个单词
- IE 10,9,8:可以通过javascript代码更改userAgent吗
- 有没有一种简单的方法可以通过javascript将MySQL文件导入SQLite数据库
- 是否可以通过javascript将@font face html实体输入到输入中
- 有没有一种通用方法可以通过Javascript访问没有id的DOM元素
- 我可以通过Javascript从另一个网页获取特定的页面HTML代码吗?
- 可以通过JavaScript获取CPU或主板序列号吗?
- 我可以通过 Javascript 中第一个元素的值选择二维数组的第二个元素吗?
- 如何使元素鼠标不可点击,但可以通过javascript单击
- MVC 剃须刀显示元素,可以通过 JavaScript 进行编辑
- 我可以通过javascript获取页面访问者的完整浏览器历史记录吗?
- 可以通过Javascript将选择下拉列表添加到我的winJS工具栏中吗?
- 真的有什么方法可以通过javascript区分android MOBILE chrome和android TABLET
- 我可以通过Javascript向表单添加参数吗
- 我可以通过javascript使用上下文菜单检测用户删除吗
- 在谷歌浏览器中,谷歌文档可以通过javascript控制页眉和页脚.有人知道这是怎么实现的吗
- 您可以通过Javascript保存/加载文件吗
- 是否可以通过javascript更改firefox二进制数字