Здесь я хочу захватить событие от дочернего Iframe до родительского Iframe для определенной функциональности.Можете ли вы предложить мне несколько примеров?
Если у меня есть событие click в дочернем Iframe, я хочу вызвать событие для родительской кнопки iframe (в частности, событие)
<!DOCTYPE HTML>
<html>
<head>
<title>
Iframe test
</title>
</head>
<meta charset='utf-8'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<style>
.name{
font-family: monospace;
}
</style>
<script type="text/javascript">
var iframe = $("C:Users/ajay.venkatesh/Desktop/IframeTEst1.html").contents();
console.log("Iframe working");
iframe.find('onloadFunction()').click(function(event){
console.log('work fine');
});
</script>
<body>
<iframe src="C:\Users\ajay.venkatesh\Desktop\IframeTEst1.html"></iframe>
<h1 class="name"> Ajay Venkatesh</h1>
<button onclick="onloadFunction()"> LOAD</button>
</body>
</html>
РЕБЕНОК
<!DOCTYPE html>
<html>
<head>
<title>
</title>
</head>
<body>
<script type="text/javascript">
function onloadFunction(){
// alert("Onload for the button");
console.log("onload event")
}
function onloadPrompt(){
// prompt("test Prompt");
console.log("onload prompt event")
}
</script>
<button onclick="onloadPrompt()"> PROMPT </button>
<button onclick="onloadFunction()"> LOAD </button>
</body>
</html>