[js] iframe -> designmode=on ->paste afvangen - Softwareontwikkeling

maandag 17 mei 2004 16:31

Acties:

Verwijderd

Topicstarter

Hoi,

Ik wil de paste functie in een iframe afvangen. Dus rechtermuisknop en ook CTRL-V. Wat mij betreft mag de innerHTML zo als innerText ingelezen worden in het iframe op een paste actie.

Ik dacht dat dit met onBeforePaste of onPaste kon.

Ik laad nu dit in het iframe:

code:

1	<html><body onPaste="alert('test')"></body></html>

Als ik dan wat paste dan herkent hij dit event niet en alert dus niks.

Ik snap niet goed wat ik fout doe? Ik las wel op MSDN dat ik de returnvalue van dit event op false moet zetten om hiervan gebruik te kunnen maken. Zover kom ik nog niet eens.

maandag 17 mei 2004 18:36

Acties:

Bosmonster

*zucht*

code:

<html>
<head>
<script type="text/javascript">
function evtPaste () {
    event.returnValue = false;
    alert('test');
}
</script>
</head>
<body onpaste="evtPaste()" contenteditable>
</body>
</html>

Dat bedoelen ze

[ Voor 30% gewijzigd door Bosmonster op 17-05-2004 18:38 ]

maandag 17 mei 2004 21:06

Acties:

Verwijderd

Topicstarter

Hey Bosmonster,

bedankt voor je reply. Ik zat al op een van jou of crisp te wachten.

Ik kom er nog steeds niet helemaal uit.

Ik kan het event maar niet afvangen op de een of andere manier.
Ik heb de volgende code, wat me goed lijkt. Toch herkent hij een ctrl-v of rechtermuisknop-plakken niet.

code:

<html>
<head>
<script language="javascript">
function init()
{
    iView.document.designMode="On";
    iView.document.write('<html><body onpaste="evtPaste()">blabla</body></html>')
}
function evtPaste () 
{
    event.returnValue = false;
  alert('test');
}

</script>
</head>

<body onLoad="init();">
<iframe id="iView" designMode="on"></iframe>
</body>

[ Voor 16% gewijzigd door Verwijderd op 17-05-2004 21:06 ]

maandag 17 mei 2004 21:19

Acties:

Verwijderd

Je definieert een functie in het ene window object (functies zijn methodes van het window object) maar roept hem aan vanuit een ander window object (het iframe). Zou dat werken?

maandag 17 mei 2004 21:28

Acties:

Verwijderd

Topicstarter

hmm, inderdaad discutabel

. Maar met de volgende code kan ik de functie ook niet benaderen.

code:

function init()
{
    iView.document.designMode="On";
    iView.document.write('<html><body onpaste="parent.evtPaste()">hallo dsf</body></html>')
}

maandag 17 mei 2004 22:15

Acties:

kleautviool

Bestaat de event-handler onpaste dan?

Nog nooit van gehoord

maandag 17 mei 2004 22:17

Acties:

Verwijderd

Topicstarter

Jep en ook onbeforePaste(). Kijk maar op msdn.

maandag 17 mei 2004 22:58

Acties:

Verwijderd

Heerlijk IE only natuurlijk!

maandag 17 mei 2004 23:03

Acties:

Verwijderd

Topicstarter

Jep klopt, maar met zo'n reply heb ik nog geen antwoord.

maandag 17 mei 2004 23:20

Acties:

Verwijderd

Hij eet het onpaste event niet op het document object van het IFRAME, heel vreemd want de MSDN documentatie zegt dat onpaste ook moet werken op het document object.

Bug?

Onderstaand voorbeeld werkt wel... (beetje ranzig)

code:

<html>
<head>
<script language="javascript">
function init()
{
  var d = document.getElementById("iView").contentWindow.document;
  d.designMode="On";
  d.write("<html><body></body></html>");
  d.close();
  d.body.onpaste = function () {
    return false;
  }   
}

</script>
</head>

<body onLoad="init();">
<iframe id="iView"></iframe>
</body>

dinsdag 18 mei 2004 07:08

Acties:

Verwijderd

Topicstarter

Wat betreft ranzigheid vind ik dat wel meevallen. Hier ben ik in ieder geval een heel eind mee geholpen.

Bedankt!