单击复选框时，如何使页面其他位置的 div 浮动在复选框旁边？

Question

我有一个复选框。单击复选框后，我希望页面底部的 div 浮动在复选框旁边。

我该怎么做？

这是一些适用于我的鼠标悬停的代码。远远超出我的水平。有没有更简单的方法，或者我也可以将此代码用于复选框的方法？

function addreflinkpreview(e) {
var c;
var d = "srcElement";
var f = "href";
this[f] ? c = this : c = e[d];
ainfo = c.className.split('|');
var g = document.createElement('div');
g.setAttribute("id", "preview" + c.className);
g.setAttribute('class', 'reflinkpreview');
g.setAttribute('className', 'reflinkpreview');
if (e.pageX) {
    g.style.left = '' + (e.pageX + 50) + 'px'
} else {
    g.style.left = (e.clientX + 50)
}
var h = document.createTextNode('');
g.appendChild(h);
var i = c.parentNode;
var j = i.insertBefore(g, c);
new Ajax.Request(ku_boardspath + '/read.php?b=' + ainfo[1] + '&t=' + ainfo[2] + '&p=' + ainfo[3] + '&single',{
    method: 'get',
    onSuccess: function(a) {
        var b = a.responseText || _("something went wrong (blank response)");
        j.innerHTML = b
    },
    onFailure: function() {
        alert('wut')
    }
})

}

Answer 1

实现这一点的一种方法是定位和转换。获取点击事件的屏幕坐标，然后通过添加或减去 x 坐标来绝对定位坐标旁边的 div。

单击复选框时，如何使页面其他位置的 div 浮动在复选框旁边？

How can I make a div from elsewhere on the page float next to a checkbox when the checkbox is clicked?

javascript

checkbox

event-listener