Discussion :

[jicayom]

Bonjour,

Je rencontre une difficulté à mettre un système pour bloquer le copy et la sélection de texte dans un champs Label pour iOS sur Safari.
J'ai utilisé la propriété CSS :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

-webkit-user-select: none;

Cela bloque bien le copy et la sélection du texte existant mais le problème c'est qu'on ne peut plus rentrer dans le champs pour ajouter du texte.

Y'a t'il la possibilité d'empêcher la sélection/copy dans un champs INPUT tout en laissant la possibilité de remplir et compléter ce même champs ?
J'ai utilisé une fonction JavaScript pour les utilisateurs utilisants IE/FireFox/Chrome... etc. mais je bloque sur cette fonctionnalité sur iOS via Safari.

Mon application est en C# / MVC, il m'est donc difficilement possible d'utiliser des propriétés HTML5.

Y'a t'il possibilité de le faire via CSS ? Via JavaScript ?

Je laisse la partie de code ou j'aimerais intégrer cette possibilité :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<table>
    <thead>
        <tr class="head-row">
            <th class="txt-leftCopy">@Html.Resource("CTRL_PANEL_CTRL_DESCRIPTION")</th>
            <th class="txt-leftCopy">@Html.Resource("CTRL_PANEL_FREQUENCY")</th>
            <th class="txt-leftCopy">@Html.Resource("CTRL_PANEL_CTRL_OWNER")</th>
            <th class="txt-leftCopy">@Html.Resource("CTRL_PANEL_END_DATE")</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="txt-leftCopy">
                <!--control desc-->
                @Html.ControlPanel_ControlDescriptionField()
                @Html.ValidationMessageFor(m => m.ControlDescription)
            </td>
            <td class="txt-leftCopy" style="width: 80px">
                <!--frequency-->
                @Html.ControlPanel_FrequencyField()
            </td>
            <td class="txt-leftCopy" style="width: 80px">
                <!--control owner-->
                @Html.ControlPanel_ControlOwnerField()
                <br />
                @Html.ValidationMessageFor(m => m.ControlOwner)
            </td>
            <td class="txt-leftCopy" style="width: 80px">
                <!--end date-->
                @Html.ControlPanel_EndDateField()
            </td>
        </tr>
    </tbody>
</table>

[SpaceFrog]

en js avec un return false sur selectionstart()