如何在移动设备上模拟 .click()
How to simulate .click() on mobile
我需要点击 div 来执行操作。
我成功地做了桌面版,但是当我转到移动版时,点击操作不起作用。 我尝试了在 Stack Overflow 和其他网站上找到的几种方法,但任何方法都有效...
我的桌面代码:
document.getElementById('BtMisDocumentos').click();
我的手机代码(3 次尝试);
$('BtMisDocumentos').trigger('vclick');
$('BtMisDocumentos').trigger('tap');
$('BtMisDocumentos').trigger('touchstart');
Div;
<div id="BtMisDocumentos" class="dx-button dx-button-normal dx-button-mode-text dx-widget dx-button-has-text" onclick="void(0)" role="button" aria-label="Mis Documentos" style="width: 140px;"><div class="dx-button-content"><span class="dx-button-text">Mis Documentos</span></div></div>
有什么想法吗?也许不起作用,因为我正在使用用户代理,尽管 "real" 手机?
我觉得你漏掉了什么:
//Use a . for a element class and # for a element id. Use it in the $('#...') part.
$('.BtMisDocumentos').trigger('vclick');
$('#BtMisDocumentos').trigger('tap');
$('.BtMisDocumentos').trigger('touchstart');
也用 .click() 试试这个。
jQuery 文档:
https://api.jquery.com/click/
编辑@TWISTY:
如果您只想复制粘贴:
//With a HTML class attribute. Example: <div class="BtMisDocumentos"></div>
$('.BtMisDocumentos').trigger('vclick');
$('.BtMisDocumentos').trigger('tap');
$('.BtMisDocumentos').trigger('touchstart');
$('.BtMisDocumentos').click();
//With a HTML id attribute. Example: <div id="BtMisDocumentos"></div>
$('#BtMisDocumentos').trigger('vclick');
$('#BtMisDocumentos').trigger('tap');
$('#BtMisDocumentos').trigger('touchstart');
$('#BtMisDocumentos').click();
当使用 jQuery 与 JavaScript 时,您将使用 CSS 样式选择器。
$('#BtMisDocumentos').trigger('vclick');
$('#BtMisDocumentos').trigger('tap');
$('#BtMisDocumentos').trigger('touchstart');
对于您的代码,以下代码在移动设备上应该仍然有效:
$('#BtMisDocumentos').click();
我需要点击 div 来执行操作。 我成功地做了桌面版,但是当我转到移动版时,点击操作不起作用。 我尝试了在 Stack Overflow 和其他网站上找到的几种方法,但任何方法都有效...
我的桌面代码:
document.getElementById('BtMisDocumentos').click();
我的手机代码(3 次尝试);
$('BtMisDocumentos').trigger('vclick');
$('BtMisDocumentos').trigger('tap');
$('BtMisDocumentos').trigger('touchstart');
Div;
<div id="BtMisDocumentos" class="dx-button dx-button-normal dx-button-mode-text dx-widget dx-button-has-text" onclick="void(0)" role="button" aria-label="Mis Documentos" style="width: 140px;"><div class="dx-button-content"><span class="dx-button-text">Mis Documentos</span></div></div>
有什么想法吗?也许不起作用,因为我正在使用用户代理,尽管 "real" 手机?
我觉得你漏掉了什么:
//Use a . for a element class and # for a element id. Use it in the $('#...') part.
$('.BtMisDocumentos').trigger('vclick');
$('#BtMisDocumentos').trigger('tap');
$('.BtMisDocumentos').trigger('touchstart');
也用 .click() 试试这个。
jQuery 文档: https://api.jquery.com/click/
编辑@TWISTY:
如果您只想复制粘贴:
//With a HTML class attribute. Example: <div class="BtMisDocumentos"></div>
$('.BtMisDocumentos').trigger('vclick');
$('.BtMisDocumentos').trigger('tap');
$('.BtMisDocumentos').trigger('touchstart');
$('.BtMisDocumentos').click();
//With a HTML id attribute. Example: <div id="BtMisDocumentos"></div>
$('#BtMisDocumentos').trigger('vclick');
$('#BtMisDocumentos').trigger('tap');
$('#BtMisDocumentos').trigger('touchstart');
$('#BtMisDocumentos').click();
当使用 jQuery 与 JavaScript 时,您将使用 CSS 样式选择器。
$('#BtMisDocumentos').trigger('vclick');
$('#BtMisDocumentos').trigger('tap');
$('#BtMisDocumentos').trigger('touchstart');
对于您的代码,以下代码在移动设备上应该仍然有效:
$('#BtMisDocumentos').click();