在显示iframe内容时运行脚本

Question

我有一个隐藏的iframe（通过样式display:none），其中包含输入字段以输入必须在其他资源上检查的用户名/密码组合。当iframe显示时，是否可以自动将输入字段聚焦在iframe中？

样品： http://0x49d1.azurewebsites.net/logintest.php

Answer 1

您可以尝试使用如下库来绑定属性：

http://meetselva.github.io/attrchange/

或正如这些帖子所示：jquery bind change css

或正如其他人所建议的那样，只需在显示它的任何内容中添加处理程序。

Answer 2

Jquery有自定义事件的概念。您可以为Jquery编写扩展程序，然后使用.show / .hide方法与它进行交互。

有关详细信息，请查看此内容。

http://viralpatel.net/blogs/jquery-trigger-custom-event-show-hide-element/

Answer 3

$('#myIframe').on('show', function() {
      $("#usernameFieldID").focus();
});