使用javascript函数启动宏伟的弹出窗口

Question

早上好

我一直在寻找解决以下问题的方法，却一无所获。我想要的效果是在将数据输入到输入字段中后，放大弹出窗口以显示图像。我认为如果可以使用function（）启动jquery，就可以完成此操作。

在我的网页上，我拥有：

<a href="#test-popup" class="open-popup-link">Show inline popup</a>

<div id="test-popup" class="white-popup mfp-hide">
  <img id="activity" width="100%" src="bin/pear.png" />
</div>

    <script>
$('.open-popup-link').magnificPopup({
  type:'inline',
  midClick: true
});
    </script>

通过“显示内联弹出窗口”链接可以很好地显示弹出窗口。

我想在将数据输入到字段中后按Enter键弹出它...

    var page = new Array("apple","banana","pear");
    function redirect(){
        if(page.indexOf(document.forms["login"]["pass"].value)!=-1){
            document.getElementById('activity').src= "bin/" + document.forms["login"]["pass"].value + ".png";
            document.getElementById("pass").value = "";
            document.activeElement.blur();
        }
        else {
            window.location = "index.html";
        }
        return false;
    }

因此，从本质上讲，如果我输入“梨”，则会弹出梨的图片。如果我输入“香蕉”，则会弹出香蕉图片。

我可以通过文本链接正常运行它，但是无法弄清楚如何在输入字段中按Enter键后启动它。

我认为这是一个简单的菜鸟动作，不知道要向重定向功能添加哪行代码。

谢谢。