当我尝试填写表格时粘性表格回滚

Question

我在我网站的右侧放置了一个粘性表格。当我翻转和推出时，它工作得很好。但是当我尝试填写表格时，它会滚回侧壁。需要放置一些模糊和焦点脚本，但我无法弄清楚。下面是图片和代码。

$('.sticky').hover(function(){
    $('.sticky').css('right', 0+'px')},
function(){
    $('.sticky').css('right', -320+'px');
});

我的表单 ID 是粘性表单。请建议或指导，如果它的任何字段是 blur/focus，我只想留在那里，如果不是，那么它可以回滚到墙上。 谢谢

Answer 1

    $('.sticky').on('mouseout', function(){
    if ( $('input:focus').length > 0 || $('textarea:focus').length > 0 || $('select:focus').length > 0) {
        $('.sticky').css('right', 0+'px');  
    }else{
        $('.sticky').css('right', -320+'px');
    }
});

这有些工作原理，但仍需要一些选项。在这种情况下，我需要单击页面以释放我的焦点，以模糊我填写的表单中的几个字段。最初它的工作就像进进出出。当我单击任何字段并鼠标移出时，粘性仍然存在。感谢 cylua2...