recordBtn为图片id
点击图片获取鼠标坐标位置,再定位到这个坐标所对应的图片下面元素,执行点击操作
//录音按钮遮挡下面,找到点击位置穿透到下面li
$("#recordBtn").click(function(e) {
if(!$("#functionSection").is(":hidden")) {
var clickY = e.clientY;
var windowHeight = $(window).height();
var $li = $("#functionSection ul li");
var li_length = $li.length;
$li.each(function(i,o) {
if(($(this).offset().top-$(document).scrollTop())>=clickY || i==li_length-1) {
var $selectedElement;
if(i==li_length-1) {
$selectedElement = $(this);
}else {
$selectedElement = $(this).prev();
}
if($selectedElement.find(".function-sub").eq(0).is(":hidden")) {
$(".function-sub").hide();
$selectedElement.find(".function-sub").show();
}else {
var $selectedChild;
var $div = $selectedElement.children();
var div_length = $div.length;
$div.each(function(i,o) {
if(i==0) {
if( ($(this).offset().top-$(document).scrollTop())>=clickY ) {
return false;
}
}else {
if(($(this).offset().top-$(document).scrollTop())>=clickY || i==div_length-1) {
if(i==div_length-1) {
$selectedChild = $(this);
}else {
$selectedChild = $(this).prev();
}
$('#inputText').val($selectedChild.text());
$("#submitBtn").click();
return false;
}
}
});
$(".function-sub").hide();
}
return false;
}
});
}
});