如何在 Safari HTML5 中启用表格行的重影效果?

2024-04-05

当我拖动项目时没有重影效果(table行)在 Safari 上。 我用table所以这是一个tr。幻影效果是指您可以看到跟随鼠标移动的项目。

在 Chrome、FF 上它可以工作。

有人知道为什么吗?

我注意到它不仅在tr/td。如果我使用li or a,我可以看到鬼魂效果...

Chrome

Safari


在 OSX Safari 上,只要将与拖放相关的事件侦听器附加到表行,就会显示拖动助手(幻影效果)。

<table>
    <tr id="row1" draggable="true">
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr id="row2">
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
</table>

仅此,拖动助手就不会出现。

但是一旦您附加了一个事件,它就会:

var row1 = document.getElementById('row1');
row1.addEventListener('dragstart', function(e) {
    //Dragstart code here
}, false);

希望这可以帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Safari HTML5 中启用表格行的重影效果? 的相关文章

随机推荐