在開發網頁中,經常用到iframe標簽來嵌入一個網頁,在一些情況下需要在iframe內操作網頁元素,這時我們就需要使用jquery的iframe綁定事件功能。
$(document).ready(function(){ //獲取iframe對象 var iframe = $("#iframe")[0].contentWindow.document; //在iframe加載完畢后再綁定事件 $(iframe).ready(function(){ //綁定iframe內元素的click事件 $(iframe).find("button").click(function(){ alert("hello world!"); }); }); });
首先,我們需要獲取到iframe對象,通過選擇器獲取iframe并使用數組下標取得iframe的document對象。
然后,我們需要等待iframe加載完畢后再綁定事件,這里使用了$(iframe).ready()函數來監聽iframe的加載完成事件。
最后,使用$(iframe).find()來查找iframe內的元素,綁定 click 事件,當用戶點擊按鈕時,彈出"hello world!"的提示框。
上一篇mysql中非
下一篇mysql在哪個文件夾里