javascript - jquery आईफ्रेम बच्चों का चयन करें



(5)

मैं editArea पुस्तकालय और jquery का उपयोग कर रहा हूँ जो मुझे चाहिए ...

http://www.cdolivet.com/index.php?page=editArea&sess=2b8243f679e0d472397bfa959e1d3841

इसलिए मेरे html में एक iframe टैग है जो editArea का उपयोग करता है जो मुझे चाहिए कि कुछ ऐसा करना जो jquery के साथ ऐसा हो

$('iframe textarea').keydown(function (e){
   number = 17; //any number really :)
    if(e.which == number){
        //do something...
        alert('Done...');
    }
});

मैंने उपरोक्त कोशिश की, लेकिन ऐसा लग रहा है कि यह उस कुंजी का पता नहीं लगा रहा है। लेकिन यह काम करता है अगर चयनकर्ता $ था (दस्तावेज़) इसलिए फ़ंक्शन के बाकी काम करता है, तो यह सिर्फ iframes की पाठ्यपुस्तक में संशोधन नहीं है

कोई विचार? धन्यवाद


आप किसी भी स्तर की यात्रा कर सकते हैं, उपरोक्त उत्तर सही हैं। मैंने नीचे के रूप में किया

var iframeMain = $("#iframe0").contents().find('#iframeMain');
var detailsForm = $(iframeMain).contents().find('#detailsform');

अभिभावकों तक पहुँचने के लिए आप उपयोग कर सकते हैं

window.parent.parent. // upto any level 

आपको textarea तत्व प्राप्त करने के लिए, iframe के आंतरिक document में खोज की आवश्यकता है:

var textarea = $('textarea', $('iframe').get(0).contentWindow.document);
textarea.keydown(function (e){
   var number = 17;
   var code = (e.keyCode ? e.keyCode : e.which);

    if(code == number){
        //do something...
        alert('Done...');
    }
});

आपको करना चाहिए


iframeDoc = document.getElementById('resultsFrame').contentWindow;
// result frame is id of iframe
$(iframeDoc).keydown(function(e))
{
// your functionality here
}


नीचे दिए गए कोड ने मेरी मदद की।

$(document).ready(function(){
var iFrameDOM = $("iframe#frameID").contents();

iFrameDOM.find(".page").css("background-color", "#fff");

});


$("iframe").contents().find("textarea").keydown(...)




jquery