Wie kann ich steuern, wie viel Text ein Doppelklick auswählt?

Ich möchte in der Lage sein, einen "Code" durch einen Doppelklick auszuwählen. Aber wenn ich das tue, wird die gesamte Definition ausgewählt.Wie kann ich steuern, wie viel Text ein Doppelklick auswählt?

dt { 
 
    float: left; 
 
    clear: left; 
 
} 
 
dd { 
 
    float: left; 
 
    font-family: monospace; 
 
}

<dl> 
 
    <dt>Code</dt> 
 
    <dd>123456</dd> 
 
    <dt>Code</dt> 
 
    <dd>abcdef</dd> 
 
</dl>

Was kann ich tun, damit ein Doppelklick nur den Inhalt des dd wählen wird?

Quelle

2016-04-11 Oliver Salzburg

Verwandte - http://stackoverflow.com/questions/25198831/text-selection-on-double-click-in-html-with-a-float –

auch - http : //stackoverflow.com/questions/2876424/html-double-click-selection-oddity –

Dies ist ein Chrome-Problem, daher müssen Sie vor dem Schließen des HTML-Tags Speicherplatz hinzufügen. Also musst du es so machen.

<dl> 
    <dt> Code </dt> 
    <dd> 123456 </dd> 
    <dt> Code </dt> 
    <dd> abcdef </dd> 
</dl>

Quelle

2016-04-11 09:17:57

Nein, ich weiß nicht, aber es ist mir passiert, und ich erinnere mich, dass ich etwas gelesen habe, dass es Chrom Problem war, aber jetzt sehe ich es passiert in allen Browser. Jedenfalls löst die Lösung, die ich gegeben habe, es. –

Oh, ich upvoted wie es funktioniert und es ist leicht, aber ich hatte gehofft aus einem Grund ... ach gut. –

Was ich auch gelesen habe, war der Float, der es verursacht, wenn es dir hilft. Aber ich weiß nicht warum im Detail. –

Verwenden Sie ein table anstelle einer Stil-Beschreibungsliste, die wie eine Tabelle aussieht

<table> 
 
    <tr> 
 
    <td>Code</td> 
 
    <td>123456</td> \t \t 
 
    </tr> 
 
    <tr> 
 
    <td>Code</td> 
 
    <td>abcdef</td> \t \t 
 
    </tr> 
 
</table>

Quelle

2016-04-11 09:18:31 dnaranjo

Sie alle Ihre Elemente float links, ich denke, dass es verwirrend für Doppelklickaktion bekannt, welches Element ist ausgewählt. Entfernen Sie das Attribut "float: left" auf Ihrem Element <dd>. float and clear

dt { 
 
    float: left; 
 
    clear: left; 
 
    margin-right: 10px; 
 
} 
 
dd { 
 
    font-family: monospace; 
 
}

<dl> 
 
    <dt>Code</dt> 
 
    <dd>123456</dd> 
 
    <dt>Code</dt> 
 
    <dd>abcdef</dd> 
 
</dl>

Quelle

2016-04-11 09:22:23

Dies könnte auch eine Lösung sein, da das Floaten es verursacht. –

Im Allgemeinen bin ich immer für weniger Floating. Aber wenn ich das 'float' von' dd' lösche, bricht es unser Layout :( –

Dein Layout ist kaputt, weil du eine spezielle Schriftart für dein '

'Element gesetzt hast. Du musst viel Zeit damit verbringen, sie zu erstellen :) –

Wie kann ich steuern, wie viel Text ein Doppelklick auswählt?

Antwort

Verwandte Themen