点击事件后如何调用javascript鼠标功能?

时间:2013-04-08 06:28:45

标签: javascript jquery ajax

在我想要调用的第一个单击事件的函数下面,当用户单击时,该函数将调用鼠标悬停是否可能?

<a href="javascript:void(0);" id="digit<?php echo $k;?>" onClick="javascript:return swapClass('<?php echo strtoupper($v);?>','<?php echo $k;?>');" class="GetDivCount" rel="<?php echo $k;?>" onMouseMove="javascript:return swapClass('<?php echo strtoupper($v);?>','<?php echo $k;?>');"> 

-

function swapClass(getId,keyId) {

<!-- INACTIVE ACTIVE CLASS IF SELECT ALL BUTTONS -->
if(jQuery('.digit_active').length==15)
{
    var p=0;
    jQuery('.digit_active').each(function(){
        var CurrentActive=$(this);
        var activeValue = CurrentActive.attr('rel');
        jQuery('#digit'+activeValue).removeClass('digit_active');
        p++;
    });
    arrString.length=0;
    jQuery("#middleReload").load(location.href + " #middleReload>*","");
}
<!-- INACTIVE ACTIVE CLASS IF SELECT ALL BUTTONS -->

jQuery('#digit'+keyId).addClass('digit_active');


/*
|-------------------------------|           
|   GROUP A FOR RED POINTS  |                                               
|               |
|-------------------------------|
*/
if($('#colorDiv'+keyId).hasClass('red_Q')){
    // FOR GET LETTER HERE
    var BonusRed=getId;


}


arrString.push(getId);
var wordFind;
jQuery.ajax({
url:'ajax.php?action=wordFind&word='+arrString,
    cache:false,
    async:false,
    type:"GET",
    success:function(res){
        console.log(res);//To check you are getting any reponse
        if(res=="find")
        {
            <!--BUTTON SOUND -->
            playAudio();
            <!--BUTTON SOUND -->

            jQuery("#wordReload").load(location.href + " #wordReload>*","");

            arrString.length=0;

            document.getElementById('bonusDiv'+keyId).style.display='block';
            jQuery('#bonusDiv'+keyId).animate({
            bottom: 200, opacity: 1
            }, 300 );

            jQuery('#bonusDiv'+keyId).fadeOut('slow');

            <!--REMOVE SELECTED ACTIVE CLASS START -->
            jQuery('#digit'+keyId).removeClass('digit_active');
            var m=0;
            var active=new Array();
            jQuery('.digit_active').each(function(){
                var CurrentActive=jQuery(this);
                var activeValue = CurrentActive.attr('rel');
                jQuery('#digit'+activeValue).removeClass('digit_active');
                m++;
                });
            <!--REMOVE SELECTED ACTIVE CLASS END -->
        }
    }

});
}

2 个答案:

答案 0 :(得分:0)

您可以使用触发功能

触发鼠标悬停事件
 jQuery(selector).trigger('mouseover');

答案 1 :(得分:0)

答案

您可以使用.trigger()方法以编程方式从其他函数初始化鼠标悬停事件。

示例:

function swapClass(getId,keyId) {
  // .. code

  // Invoke the mouseover event
  $('.other-html-element').trigger('mouseover');
}

请注意

请注意,在元素上分配onclick事件(正如您所做)并不是一个好习惯:

<a href="" class="GetDivCount" onclick="javascript: return swapClass();">Click me</a>

相反,你最好绑定到这样的元素:

$(function(){

    $('.GetDivCount').click(function(){ swapClass(); });

});

演示

另见demo