javascript - 如何使整个背景图像的 div 可点击？

Question

我在 parent div 中添加了背景图片 div 宽度为 100% 我在单击 div 时进行了重定向(一切正常)但我想重定向仅当您从左到右单击 100px; 时才会出现 div 例如，这是我调用带有背景图像的 div 的 fiddle ，每当我单击 div 的任何部分时，它都会被重定向。但我的问题是，只有当您在 100px; 内从左到右单击图像时，我才想重定向是否有可能实现任何建议都很好。 http://jsfiddle.net/a39Va/25/

$('#loginContainer').click(function(e) { 

    window.open('http://google.com');
});

谢谢。

Answer 1

尝试以下 ( http://jsfiddle.net/a39Va/31/ )

 <div id="loginContainer">
      <div class="clickable"></div>
    </div>

CSS

.clickable{
    width:100px;
    height:100%;

}

JS

$('.clickable').click(function(e) { 

    window.open('http://google.com');
});