除非单击输入元素,否则单击时淡出

Question

该.container需求淡出,当用户点击任何地方,但不是当用户点击输入字段.

有没有办法让它淡出,除非单击输入字段？

小提琴

$('.container').click(function () {
    $(this).fadeOut();
});

<div class="container">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam eum ad adipisci velit assumenda cupiditate molestias facere officia neque maxime voluptatum officiis libero animi sit a accusamus culpa quasi quis!</p>
    <input type="text" name="" id="" autofocus />
</div>

奖励积分如果适用于旧版浏览器.

Answer 1

你需要stopevent传播到文本框.用这个:

$(".container input").click(function(e) {
    e.stopPropagation();
})

工作演示