Tenho uma situação interessante - tenho uma linha da tabela que, atualmente, mostra sua contraparte oculta quando clico no botão "Expandir". A linha original (não oculta) que contém o botão de expansão também possui algum conteúdo em uma determinada célula que, quando clicada, se torna editável. Gostaria de me livrar do botão de expansão e ativar a expansão da linha via clique duplo em qualquer lugar da própria linha, incluindo o campo que fica editável quando você clica nele. Você já pode sentir o cheiro do problema aqui.

Quando clico duas vezes em uma linha, os eventos de dois cliques são acionados primeiro, antes que o dblclick ocorra. Isso significa que, se eu clicar duas vezes no campo, ele se tornará um campo editável e a linha será expandida. Eu gostaria de evitar isso. Desejo que o clique duplo evite o disparo de um único clique e o único clique para executar normalment

Usar event.stopPropagation () claramente não funcionará, pois são dois eventos diferente

Alguma ideia

Edit (algum código semi-pseudo):

Versão original

<table>
    <tbody>
        <tr>
            <td><a href="javascript:$('#row_to_expand').toggle();" title="Expand the hidden row">Expand Row</a></td>
            <td>Some kind of random data</td>
            <td><?= $editable_cell_which_turns_into_an_input_field_on_single_click[0]->value("First editable value") ?></td>
            <td><?= $editable_cell_which_turns_into_an_input_field_on_single_click[1]->value("Second editable value") ?></td>
            <td><?= $editable_cell_which_turns_into_an_input_field_on_single_click[2]->value("Third editable value") ?></td>
            <!-- ... -->
            <td><?= $editable_cell_which_turns_into_an_input_field_on_single_click[n]->value("Nth editable value") ?></td>
        </tr>
        <tr style="display: none" id="row_to_expand">
            <td colspan="n">Some hidden data</td>
        </tr>
    </tbody>
</table>

Versão desejada:

<table>
    <tbody>
        <tr ondblclick="$('#row_to_expand').toggle()">
            <td>Some kind of random data</td>
            <td><?= $editable_cell_which_turns_into_an_input_field_on_single_click[0]->value("First editable value") ?></td>
            <td><?= $editable_cell_which_turns_into_an_input_field_on_single_click[1]->value("Second editable value") ?></td>
            <td><?= $editable_cell_which_turns_into_an_input_field_on_single_click[2]->value("Third editable value") ?></td>
            <!-- ... -->
            <td><?= $editable_cell_which_turns_into_an_input_field_on_single_click[n]->value("Nth editable value") ?></td>
        </tr>
        <tr style="display: none" id="row_to_expand">
            <td colspan="n">Some hidden data</td>
        </tr>
    </tbody>
</table>

Felicidade