如何在javascript中傳遞鼠標單擊事件？
[英]How can I pass a mouse click event within javascript?
問題描述
我正在嘗試為javascript實現拖放操作。我需要傳遞事件，但返回的是未定義的事件。 我已經嘗試過直接傳遞window.event。不起作用
var lens = svg.append("circle")
.attr("id","lens")
.attr("class","draggable")
.attr("cx",40)
.attr("cy",40)
.attr("r",40)
.style("fill","grey");
//Setting click handler
lens.on("click",function(e){
selectElement(e)});
function selectElement(e) {
console.log(window.event); //This prints UNDEFINED
console.log(e); //This prints UNDEFINED
var evt = e || window.event;
console.log(evt); //This prints UNDEFINED
}
3 個解決方案
解決方案1
1 2016-08-22 21:34:17
SVG使用evt監視事件。 請嘗試以下操作：
<!DOCTYPE HTML> <html> <head> <title>SVG evt</title> </head> <body> <svg width=400 height=400> <circle id=myCircle cx=200 cy=200 r=100 fill=blue stroke=none onClick=showEvt(evt) /> </svg> <script> function showEvt(evt) { var target=evt.target console.log(target.getAttribute("id")) } </script> </body> </html>
解決方案2
0 2016-08-22 20:11:44
您是否簽出了jQuery UI？ https://jqueryui.com/這可能會對您有所幫助。 這是拖放的基本設置：
$( function() {
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
drop: function( event, ui ) {
$( this )
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
}
});
} );
</script>
關於您的點擊事件，請嘗試以下操作：
$('#id').click(function(){
$(this).data('clicked', true);
});
解決方案3
0 2016-08-22 20:46:13
這是指向Javascript Mouse Event教程的鏈接，該教程使您無需使用jQuery或其他庫即可綁定鼠標事件：
一個有用的小提琴例子：
https://jsfiddle.net/iamthejonsmith/q0sc4mae/
和示例代碼：
<input type="button" value="click me" id="btn">
<input type="button" value="right-click me" id="btn2">
document.getElementById('btn').onclick = function() {
alert('click!')
}
document.getElementById('btn2').oncontextmenu = function() {
alert('right click!')
}
如何創建從類中引用方法的事件偵聽器（鼠標單擊）？
[英]How do I create an event listener (mouse click) that will reference a method from within a class?
當實際鼠標單擊沒有在目標元素上開始時，如何防止觸發單擊事件？
[英]How can I prevent triggering an on click event when the actual mouse click didn't start on the target element?
傳遞參數時如何獲取mousedown事件的鼠標事件
[英]How to get the mouse event of a mousedown event when I pass a parameter
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.