DOM例子之setCapture与事件预览

本文通过一个具体的DOM操作示例,展示了如何使用按钮捕获所有鼠标事件,并介绍了一个无法响应点击事件的按钮和一个捕获所有事件的按钮的实现方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

/**
	 * DOM的例子
	 * <pre>
	 * 界面上的所有鼠标事件都被按钮captureButton所捕获了
	 * </pre>
	 */
	private void toDOM(){
		Button noEventButton = new Button("无法点击的按钮");
		noEventButton.addClickHandler(new ClickHandler() {
			
			@Override
			public void onClick(ClickEvent event) {
				Window.alert("看不到的信息");
			}
		});
		
		Button captureButton = new Button("捕获鼠标的按钮");
		captureButton.addClickHandler(new ClickHandler() {
			
			@Override
			public void onClick(ClickEvent event) {
				Button captureButton = (Button)event.getSource();
				Window.alert("都被我捕获了");
				DOM.setCapture(captureButton.getElement());
			}
		});
		//DOM.setCapture在捕获到一次消息后就会失效
		//因此在当事件触发后,需要再次调用DOM.setCapture
		DOM.setCapture(captureButton.getElement());
		
		RootPanel.get().add(noEventButton);
		RootPanel.get().add(captureButton);
		
		//浏览器的所有事件都被其捕获。
		Event.addNativePreviewHandler(new NativePreviewHandler() {
			@Override
			public void onPreviewNativeEvent(NativePreviewEvent event) {
				Window.alert("事件预览");
			}
		});
	}




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

psyuhen

你的鼓励是我最大的动力谢谢支持

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值