小编sam*_*sam的帖子

为什么不行vertical-align: middle？然而,vertical-align: top 确实有效.

span{
  vertical-align: middle;
}

突出显示此网页上的一些文字,然后基本上点击文档的任何位置.您的选择将消失.

当用户通过CSS或Javascript单击特定元素时,有没有办法防止此行为？

例如:

var element = document.getElementById("foo");
foo.onclick = function(e){
   //some magic here that prevents deselection from occuring
}

要么

foo.style.preventDeselect = "true";

编辑:也许我可以存储选择,然后"鼠标点击"恢复选择？有没有办法存储选择,然后重新选择它？

谢谢!

到目前为止,我从来没有真正需要使用任何拖动功能,所以让我填写你到目前为止我发现的内容:

• 拖动事件是用户拖动对象时发生的事件.这是"适当的"OS拖动,例如:hiliting一些文本并拖动它,甚至从浏览器外部拖动某些东西.
• 在拖动时,据我所知,不会触发任何其他浏览器事件.(例如,忽略onmouseover).唯一有效的事件是拖动事件.
• 在所有现代浏览器中,onDragEnter和onDragOver似乎都可以工作......但是firefox缺少"onDragLeave".
• 对于丢弃,FF使用"onDragDrop",而IE和其他人使用"onDrop",而Safari似乎不支持它.
• 事件似乎只适用于"可放置"元素,如textarea和text.在其他元素上只有一些事件起作用.
• 每个浏览器的各种其他怪癖,我甚至不想过去.
• 关于这些事件的记录非常少.

是的,我必须使用实际的拖放,并且无法模拟它.

我的问题:

• 有没有办法在FF中检测"ondragleave"或类似的？
• 有没有办法在Safari中检测"ondragdrop"或类似内容？
• 你还有什么可以补充一下Drag + Drop吗？

这是一个快速而肮脏的模板,演示了拖放事件:

<script>
    addEvent = function(obj, eventname, fn){
        if (document.addEventListener) obj.addEventListener(eventname, fn, false);
        else obj.attachEvent('on'+eventname, fn);
    }

    window.onload = function(){
        var logger = document.getElementById("logger");
        var log = function(str){ logger.value = str + logger.value; }

        //log a variety of drag events for the textarea
        var obj = document.getElementById("tarea");
        var events = ["dragenter","dragover","dragout","dragleave","dragdrop","drop"];
        for (var i=0; i<events.length; i++){
            (function(event){//create a closure to remove variable …