Tengo un sitio web que ejecuta WordPress y estoy haciendo que el editor parezca que usa Gutenberg pero con el editor clásico y ACF. Estoy tratando de mostrar algunas opciones cuando haces clic en un editor WYSIWYG. Lo que encontré es que la mejor manera de mostrar esto es usar el mousedown hacia abajo cuando el cursor está en una región y aparece cuando hace clic con el mouse.

El problema que tengo es que el div en el que se debe hacer clic para mostrar algunas opciones tiene un IFRAME y probé todo en línea y nada parece funcionar.

Aquí está mi código para mostrar el problema que tengo. Lo que se supone que sucede es que cuando hace clic en el div con un borde, el texto en la parte inferior tiene un fondo verde.

 $(".test iframe").on("mousedown", function() { $('.bottom').css('background','green'); });

 .test {border:1px solid #ccc;width:450px;height:110px} .test iframe {width:100%;height:100%;border:0}

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="test"><iframe></iframe></div> <div class="bottom">bottom</div>