通过HTML element对象的 getBoundingClientRect 获取对象的绝对位置 left和top然后创建一个input标签，绝对定位offsetParent等于body,设置input的位置覆盖在这个元素上面，输入框聚焦

$('svg text').on('click', function(){	var box = this.getBoundingClientRect()	var $input = $('<input type="text" />')	var $self = $(this)	// 设置值和属性	$input.val($self.text()).css({		position: 'absolute',		left: box.left,		top: box.top,		width: box.width,		height: box.height	}).appendTo($seft.parents('svg'))	// 聚焦	.focus()	// 失去焦点移除输入框，设置值	.on('blur', function(){		$(this).remove()		$seft.text($(this).val())	})})

<rect id="rect2" x="-25" y="95" height="50" width="50" fill="rgba(0,255,255,0.6)"></rect>

var rect = document.getElementById("rect2");
rect.addEventListener('dblclick',function (e) {
    // toggle dialog for confirm information
})