Question

我已经尝试了教程，但仍然无法正常工作，出了什么问题？

父页面脚本：

<!DOCTYPE html>
<html>
    <head>
        <title>Parent</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.slim.js"></script>
<script>
$(function() {
    var money = 20000;

    $("#iframe1").contents().find("#nominal").on("change keyup", function() {
        var input = $(this);

        // remove possible existing message
        if( input.next().is("form") )
            input.next().remove();

        // show message
        if( input.val() > money )
            alert('Hello');
    });
});
</script>
    </head>
    <body> 
        <iframe id="iframe1" src="iframe.html">
        </iframe>
    </body>
</html>

iframe脚本：

<!DOCTYPE html>
<html>
    <head>
        <title>Iframe</title>
    </head>
    <body>
        <input type="text" id="nominal" value="" />
    </body>
</html>

请告诉我出了什么问题，谢谢提前。

Answer 1

先加载iframe，{等{1}}完成后再监听load事件

首先在click事件监听器完成后加载iframe，例如load。

试试这个：

click

无法从父页面获取iframe值

1 个答案: