jQuery执行点击而不是输入

时间:2016-05-20 17:47:39

标签: javascript jquery html

我正在进行onclick事件,用户被重定向到新网站。

不幸的是,当我点击课程side中的输入时,它会触发事件,而在点击/输入输入字段时,我会不时地查找事件。

问:单击输入字段时如何才能激活jQuery代码?

<div id="<?echo $ar['url'];?>" class="mobile-no-margin upgradeable  full-mobile col-sm-12" style=" background-size: 100% 100%; background-image: url(test">
   <div class="side">
       <input type="input" name="<? echo $ar['input'];?>" class="col-sm-12">
   </div>
</div>

jQuery代码:

<script type="text/javascript">
    $(".upgradeable").on('click',function(e) {
        id = $(this).attr('id');
        url(id);
    });
</script>

2 个答案:

答案 0 :(得分:2)

使用

$(".upgradeable").on('click',function(e) {
var target = $( e.target );
  if ( !target.is( ".side" ) ) {
        id = $(this).attr('id');
        url(id);
    }
});

答案 1 :(得分:0)

$('.yourelement).click(function(event){
event.preventDefault(); // Stop the click 
});

https://api.jquery.com/event.preventdefault/