判断事件源的另一方法

最新推荐文章于 2022-03-07 12:58:17 发布
最新推荐文章于 2022-03-07 12:58:17 发布
阅读量761 收藏
点赞数
分类专栏： JavaScript 文章标签： function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/diligentcatrich/article/details/5581028
版权

判断事件源的另一方法，除可以用ID来找出事件源对象外，还可用window.event.srcElement来找出事件源 

function showMsg(){
        var otarget = window.event.srcElement
        alert(otarget.parentNode.innerText);
    }

一剑平江湖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript - 基础内容2
XHW0901的博客
07-28 158
Js代码开发步骤： 1）确定事件源，确定需要监听的事件对象 2）根据事件对象，选择与之对应的监听器，添加到标签上 为标签添加监听器的代码： 1） ---- 适用于少量js代码的添加 2） --- 适用于大量js代码的添加 2.常见事件监听器......
事件源的获取
Tansum
04-14 1901
事件源：在事件中，当前操作的那个元素即为事件源。 常用3种的事件源获取方法： 1.通过id名：document.getElementById("ID名"); 2.通过标签名：document.getElementsByTagName("标签名"); 3.通过类名：document.getElementsByClassName("类名"); 也可通过名称获取：document.getEle...
8.浏览器原理之浏览器事件机制
qq_42349528的博客
02-25 222
目录1.事件是什么？事件模型
基础之石——事件处理机制
u014442623的博客
07-22 131
基础之石——事件处理机制   想要了解事件处理机制，首先，我们需要弄清楚三个部分：事件源、添加监听器方法、事件接口。 1、事件源： 什么可以成为事件源：所有图形化的控件（容器组件、元素组件）都可以成为事件源。 如何确定事件源：根据动作来确定事件源，即动作发生在哪个控件上，哪个控件就是事件源。 2、添加事件监听器方法：add...Listener(...Listener l);根据相...
JS事件之事件对象和事件源
热门推荐
每天进步一点点
05-11 1万+
要想搞明白js的事件机制，必须搞清楚几个概念：事件对象，事件源，还有事件流 事件对象： 当事件发生时会产生事件对象，事件对象的作用是用来记录“事件发生是一些相关的信息。注意事件对象只有在事件发生时才会产生，我们无法手动创建，并且事件对象只能在处理函数内部访问，处理函数允许结束后该对象自动销毁。 怎么理解那？？ document.onmousemove = function
Java Swing 中三种事件处理方法之比较
04-13
但无论哪种方法，我们都需要注册监听器来监听事件源产生的事件，然后在事件处理程序中处理我们所需要处理的用户行为。 Java Swing 中三种事件处理方法各有其优缺点，我们需要根据实际情况选择合适的方法来实现我们...
Java开发技术大全(500个源代码).
12-02
ancestor_1.java 另一个基类定义 anonymousInner.java 匿名内部类 base.java 定义一个基类 BaseColors.java 一个简单的接口 basePoint.java 一个测试用的基类 Colorable.java 一个子接口 ColoredPoint.java ...
《javaScrip开发技术大全》源代码
04-07
• sample41.htm 判断一个对象是否是另一个对象的原型对象 • sample42.htm 判断对象的属性是否可以被枚举 • sample43.htm 监视属性值的变化情况 第10章（\代码\第10章） • sample01....
Visual C++ 2005入门经典--源代码及课后练习答案
02-02
本书延续了Ivor Horton讲解编程语言的独特方法，从中读者可以学习Visual C++ 2005的基础知识，并全面掌握在MFC和Windows Forms中访问数据源的技术。此外，本书各章后面的习题将有助于读者温故而知新，并尽快成为C++...
JSP动态网页制作基础培训教程源代码.rar
06-15
另一部分是综合实例。读者可根据相应的使用说明直接使用这些源代码。 一、基础知识部分 此部分是指文件夹名为第1～9章中的内容（如表1），这些是书中介绍JSP相关知识的源代码。文件的命名规则与书中相应源代码...
JavaScript：事件源与事件流
QIANDXX的博客
04-26 1013
事件源 在事件中，当前操作的那个元素就是事件源。比如网页元素中 input 有 onclick 事件，当点击 input 发送 onclic 事件时，事件源就是 input。 常见事件源： (鼠标) 事件 描述 onclick 鼠标单击对象时触发 ondblclick 鼠标双击对象时触发 onmousedown 鼠标按钮被按下时触发 onmousemove 鼠标被移动时触发 onmouseout 鼠标离开监听该事件的元素或子元素时触发 onmouseover 鼠标移动到监
js 获取事件源
hw1287789687的专栏
05-10 4077
js 获取事件源 var node = evt.currentTarget || evt.srcElement||evt.target||evt.toElement; ja.test((a.currentTarget||a.srcElement||a.target||a.toElement).readyStat * 获取事件源 * @param ev * @ret
javaScript获取事件源的两种方式
NullPointerException的博客
01-20 8940
方式一：  通过event对象的srcElement属性；  例： node=event.srcElement; 方式二：  将事件源对象通过this传入；  例：<div onclick="change(this)">获取事件源对象  function change(node){ }
java中事件源是指什么时候_java-如何确定ActionListener中的事件源？
weixin_39610678的博客
02-24 162
好.我不确定问题的标题以及是否使用正确的词.因为我是一个自学成才的业余爱好者,所以我很难问我的问题,因为我不知道事物的正确术语,因此我将用代码编写一些东西然后问我的问题.我编写时没有导入语句,没有设置布局和滚动条以及其他一些东西,只是为了使其更简单.public class Foo{JTextArea text;public static void main(String[] args){Foo ...
前端面试题
gxll499294075的博客
03-07 2524
一、HTML、CSS、浏览器 相关 1.1 网路中使用最多的图片格式有哪些？ JPEG 、GIF、PNG、SVG等。 最流行的是 jpeg格式，可以把文件压缩到最小，在 ps 以 jpeg 格式存储时，提供11级压缩级别。 1.2 ...
wpf treeview向另一个treeview拖拽
最新发布
07-22
### 回答1： 在WPF中，可以使用内置的拖放功能来实现TreeView之间的拖拽。 首先，我们需要启用拖放功能。在目标TreeView的XAML中，添加以下代码： ``` <TreeView AllowDrop="True" ...> ``` 然后，我们需要处理源TreeView中项的鼠标拖动事件。在源TreeView中的代码中，添加以下代码： ``` <TreeView.ItemContainerStyle> <Style TargetType="{x:Type TreeViewItem}"> <EventSetter Event="PreviewMouseMove" Handler="TreeViewItem_PreviewMouseMove" /> </Style> </TreeView.ItemContainerStyle> ``` 在代码文件中，添加以下事件处理程序代码： ```C# private void TreeViewItem_PreviewMouseMove(object sender, MouseEventArgs e) { if (e.LeftButton == MouseButtonState.Pressed) { TreeViewItem draggingItem = sender as TreeViewItem; if (draggingItem != null) { DragDrop.DoDragDrop(draggingItem, draggingItem.DataContext, DragDropEffects.Move); } } } ``` 接下来，我们需要处理目标TreeView的拖放事件。在目标TreeView的代码中，添加以下代码： ``` <TreeView Drop="TreeView_Drop" DragEnter="TreeView_DragEnter" DragOver="TreeView_DragOver" ...> ``` 在代码文件中，添加以下事件处理程序代码： ```C# private void TreeView_Drop(object sender, DragEventArgs e) { if (e.Data.GetDataPresent(typeof(TreeViewItem))) { TreeViewItem draggingItem = e.Data.GetData(typeof(TreeViewItem)) as TreeViewItem; TreeViewItem targetItem = FindTreeViewItem((TreeView)sender, e.GetPosition((TreeView)sender)); if (draggingItem != null && targetItem != null) { // 在此处插入源TreeView中项的移动逻辑 } } e.Handled = true; } private void TreeView_DragEnter(object sender, DragEventArgs e) { if (!e.Data.GetDataPresent(typeof(TreeViewItem))) { e.Effects = DragDropEffects.None; } e.Handled = true; } private void TreeView_DragOver(object sender, DragEventArgs e) { if (!e.Data.GetDataPresent(typeof(TreeViewItem))) { e.Effects = DragDropEffects.None; } e.Handled = true; } private TreeViewItem FindTreeViewItem(TreeView treeView, Point position) { HitTestResult hitTestResult = VisualTreeHelper.HitTest(treeView, position); DependencyObject target = hitTestResult?.VisualHit; while (target != null && !(target is TreeViewItem)) { target = VisualTreeHelper.GetParent(target); } return target as TreeViewItem; } ``` 通过以上步骤，我们就可以实现在两个TreeView之间进行拖拽操作了。 ### 回答2： 在WPF中，可以使用拖放功能将TreeView中的项拖动到另一个TreeView中。要实现这一功能，你可以按照以下步骤进行操作： 1. 开启拖放功能：在TreeView中设置AllowDrop属性为true，以允许该控件接受拖放的项。 2. 为源TreeView的项设置拖动事件处理程序：在源TreeView中注册ItemDrag事件，以便在项拖动时触发事件处理程序。在事件处理程序中，设置被拖动项的数据为拖放数据（可以是项本身或者项的数据内容）。 3. 为目标TreeView设置拖放事件处理程序：在目标TreeView中注册DragEnter、DragOver和Drop事件，以便在拖动项进入、在目标上移动和释放时触发相应事件处理程序。 4. 在目标TreeView的DragOver事件处理程序中，设置拖放效果：根据预定的拖放效果（例如移动、复制等），在DragOver事件中设置e.Effects属性。 5. 在目标TreeView的Drop事件处理程序中，处理拖放数据：获取拖放的数据，并将其应用到目标TreeView中。可以通过e.Data获取拖放数据，并根据需要进行处理。 通过这些步骤，你可以实现在一个TreeView中拖拽项到另一个TreeView中的功能。在每个事件处理程序中，你可以根据具体需求进行自定义操作，以达到预期的效果。 ### 回答3： 在 WPF 中，可以通过拖拽实现将一个 `TreeView` 中的项拖拽到另一个 `TreeView` 中。 首先，需要在源 `TreeView` 上设置 `AllowDrop` 为 `True`，并定义 `PreviewMouseLeftButtonDown`、`PreviewMouseMove` 和 `Drop` 事件的处理程序。 在 `PreviewMouseLeftButtonDown` 中，我们需要确定被拖拽项的源，并将其保存在 `MouseDownItem` 变量中。在 `PreviewMouseMove` 中，我们需要检查是否按下了鼠标左键，并且移动距离超过了一定的阈值（例如10像素）来开始拖拽操作。在 `Drop` 中，我们可以获取拖拽过程中的目标项，并将源项添加到目标项的子项中。 下面是一个示例的代码： ```csharp private TreeViewItem MouseDownItem; private void TreeView_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e) { MouseDownItem = VisualUpwardSearch<TreeViewItem>(e.OriginalSource as DependencyObject) as TreeViewItem; } private void TreeView_PreviewMouseMove(object sender, MouseEventArgs e) { if (e.LeftButton == MouseButtonState.Pressed && MouseDownItem != null) { Point currentPosition = e.GetPosition(sender as IInputElement); if ((Math.Abs(currentPosition.X - MouseDownPosition.X) > 10) || (Math.Abs(currentPosition.Y - MouseDownPosition.Y) > 10)) { DragDrop.DoDragDrop(MouseDownItem, MouseDownItem, DragDropEffects.Move); } } } private void TreeView_Drop(object sender, DragEventArgs e) { TreeViewItem targetItem = VisualUpwardSearch<TreeViewItem>(e.OriginalSource as DependencyObject) as TreeViewItem; TreeViewItem draggedItem = e.Data.GetData(typeof(TreeViewItem)) as TreeViewItem; if (targetItem != null && draggedItem != null && !draggedItem.Equals(targetItem)) { (targetItem.ItemsSource as ObservableCollection<string>).Add(draggedItem.Header.ToString()); (draggedItem.Parent as ItemsControl).ItemsSource.Remove(draggedItem); } } private static DependencyObject VisualUpwardSearch<T>(DependencyObject source) { while (source != null && source.GetType() != typeof(T)) source = VisualTreeHelper.GetParent(source); return source; } ``` 以上代码中，我们首先找到被点击的项并保存在 `MouseDownItem` 变量中。然后，在鼠标移动事件中判断是否开始拖拽，如果是则使用 `DragDrop.DoDragDrop` 方法进行拖拽，将拖拽项作为数据传递。最后，在放置事件中获取目标项和拖拽项，并将拖拽项添加到目标项的子项中，并从原来的位置上移除。 请注意，以上只是一个简单的示例，实际中可能需要根据具体业务需求进行适当的修改和扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值