Dubbelklikken table row -> geen geselecteerde tekst ?

[Garma]

Hoi,

Ik heb een applicatie gemaakt waarbij je kunt dubbelklikken op table rows met jQuery. Probleem is dat als er tekst in de table cell staat waarop ik dubbelklik, dat de tekst dan geselecteerd wordt (standaard gedrag van de browser). Kan ik dit op een of andere manier uitzetten? return false; op de event handler heb ik geprobeerd en dat werkt niet

Bedankt!

[MueR]

Doe je die return false op de onclick handler, of op de ondoubleclick?

[Garma]

MueR schreef op woensdag 21 oktober 2009 @ 23:21:
Doe je die return false op de onclick handler, of op de ondoubleclick?

emm ik gebruik jquery en niet een beetje ook.. maar ik neem aan de ondoubleclick, omdat het om het event dblclick gaat

dit is de call:

$("tr").dblclick(function () {
(.. do stuff .. )
return false;
});

[semicolon]

Kijk eens naar het onselectstart event, en eventueel de CSS property "user-select". Een combinatie daarvan (met natuurlijk de -moz-user-select en -webkit-user-select versies van user-select), zal je denk ik wel op weg helpen.

[R4gnax]

FYI: Als je het jQuery UI widget patroon gebruikt, dan heb je een utility functie beschikbaar om de selecteerbaarheid van tekst cross browser in- en uit te schakelen.

[Alnitak]

Ik had een soort gelijk probleem, en heb het met onderstaande functie opgelost, dit werkte voor mij in ieder geval in FF, IE en Chrome.

Ik weet niet meer precies waar ik de functie vandaan heb helaas dus sorry voor het ontbreken van de credits.

code:

function disableSelection(target)
{
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}

disableSelection(document.getElementById("dingetje"));