替换网页元素的事件处理函数

IE将网页解析成COM对象集。每个网页元素对象都支持IHTMLElement接口,不同种类元素的COM对象还支持其它相应的接口。比如按钮对象支持IHTMLButtonElement接口,表单输入框对象支持IHTMLInputTextElement接口。通过这些接口可以获取和设置网页元素的属性,比如表单输入框的内容,复选框的状态等等。还可以替换这些元素的事件处理例程(如果元素支持事件的话),比如鼠标单击事件,光标经过事件。看看IHTMLElement接口中与事件处理相关的方法和属性定义,代码来自MSHTML_TLB.pas。

 


  IHTMLElement 
=  interface(IDispatch)
    [
' {3050F1FF-98B5-11CF-BB82-00AA00BDCE0B} ' ]   
    
procedure  Set_onhelp(p: OleVariant); safecall;
    
function  Get_onhelp: OleVariant; safecall;
    
procedure  Set_onclick(p: OleVariant); safecall;
    
function  Get_onclick: OleVariant; safecall;
    
procedure  Set_ondblclick(p: OleVariant); safecall;
    
function  Get_ondblclick: OleVariant; safecall;
    
procedure  Set_onkeydown(p: OleVariant); safecall;
    
function  Get_onkeydown: OleVariant; safecall;
    
procedure  Set_onkeyup(p: OleVariant); safecall;
    
function  Get_onkeyup: OleVariant; safecall;
    
procedure  Set_onkeypress(p: OleVariant); safecall;
    
function  Get_onkeypress: OleVariant; safecall;
    
procedure  Set_onmouseout(p: OleVariant); safecall;
    
function  Get_onmouseout: OleVariant; safecall;
    
procedure  Set_onmouseover(p: OleVariant); safecall;
    
function  Get_onmouseover: OleVariant; safecall;
    
procedure  Set_onmousemove(p: OleVariant); safecall;
    
function  Get_onmousemove: OleVariant; safecall;
    
procedure  Set_onmousedown(p: OleVariant); safecall;
    
function  Get_onmousedown: OleVariant; safecall;
    
procedure  Set_onmouseup(p: OleVariant); safecall;
    
function  Get_onmouseup: OleVariant; safecall;   
    property onhelp: OleVariant read Get_onhelp write Set_onhelp;
    property onclick: OleVariant read Get_onclick write Set_onclick;
    property ondblclick: OleVariant read Get_ondblclick write Set_ondblclick;
    property onkeydown: OleVariant read Get_onkeydown write Set_onkeydown;
    property onkeyup: OleVariant read Get_onkeyup write Set_onkeyup;
    property onkeypress: OleVariant read Get_onkeypress write Set_onkeypress;
    property onmouseout: OleVariant read Get_onmouseout write Set_onmouseout;
    property onmouseover: OleVariant read Get_onmouseover write Set_onmouseover;
    property onmousemove: OleVariant read Get_onmousemove write Set_onmousemove;
    property onmousedown: OleVariant read Get_onmousedown write Set_onmousedown;
    property onmouseup: OleVariant read Get_onmouseup write Set_onmouseup;
end .

 

这些事件属性的类型与Object Pascal的事件属性不同。Object Pascal的为方法类型,而IHTMLElement的事件是OleVariant类型,实际上它们是IDispatch接口。当触发事件时,这个IDispatch接口的Invoke方法会被调用。如果设置这些属性为Null,那么就算html代码里编写了脚本事件处理函数,事件触发时也不会执行任何动作。我们也可以自己编写一个实现IDispatch接口的Pascal类,并创建这个类的对象,然后将此对象的IDispatch接口赋值给IHTMLElement的这些事件属性,这样我们就屏蔽了网页中的事件处理函数,转而执行我们的Pascal程序代码。下面以onclick(鼠标单击事件)为例,编写一段示例代码:

unit Unit1;

interface

uses
  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
  Dialogs, OleCtrls, SHDocVw, StdCtrls,MSHTML_TLB,ActiveX;

type
  TForm1 
=  class(TForm)
    WebBrowser1: TWebBrowser;
    Button1: TButton;
    Memo1: TMemo;
    
procedure  WebBrowser1BeforeNavigate2(Sender: TObject;
      
const  pDisp: IDispatch;  var  URL, Flags, TargetFrameName, PostData,
      Headers: OleVariant; 
var  Cancel: WordBool);
    
procedure  WebBrowser1DocumentComplete(Sender: TObject;
      
const  pDisp: IDispatch;  var  URL: OleVariant);
    
procedure  FormCreate(Sender: TObject);
    
procedure  Button1Click(Sender: TObject);
  private
    
{  Private declarations  }
  public
    
{  Public declarations  }
  
end ;

  TMyEvent 
=  class(TObject,IDispatch)
    
function  QueryInterface( const  IID: TGUID; out Obj): HResult; stdcall;
    
function  _AddRef: Integer; stdcall;
    
function  _Release: Integer; stdcall;
    
function  GetTypeInfoCount(out Count: Integer): HResult; stdcall;
    
function  GetTypeInfo(Index, LocaleID: Integer; out TypeInfo): HResult; stdcall;
    
function  GetIDsOfNames( const  IID: TGUID; Names: Pointer;
      NameCount, LocaleID: Integer; DispIDs: Pointer): HResult; stdcall;
    
function  Invoke(DispID: Integer;  const  IID: TGUID; LocaleID: Integer;
      Flags: Word; 
var  Params; VarResult, ExcepInfo, ArgErr: Pointer): HResult; stdcall;
  
end ;

var
  Form1: TForm1;

implementation

{ $R *.dfm }

procedure  TForm1.WebBrowser1BeforeNavigate2(Sender: TObject;
  
const  pDisp: IDispatch;  var  URL, Flags, TargetFrameName, PostData,
  Headers: OleVariant; 
var  Cancel: WordBool);
begin
  Button1.Enabled:
= False;
end ;

procedure  TForm1.WebBrowser1DocumentComplete(Sender: TObject;
  
const  pDisp: IDispatch;  var  URL: OleVariant);
begin
  
if   not  WebBrowser1.Busy  then
    Button1.Enabled:
= True;
end ;

procedure  TForm1.FormCreate(Sender: TObject);
begin
  WebBrowser1.Navigate(ExtractFilePath(Application.ExeName)
+ ' test.htm ' );
end ;

procedure  TForm1.Button1Click(Sender: TObject);
var
  Doc:IHTMLDocument2;
  Elements:IHTMLElementCollection;
  htmlElement:IDispatch;
  Ele:IHTMLElement;
  AEvent:IDispatch;
  I:Integer;
begin
  
if  WebBrowser1.Document.QueryInterface(IID_IHTMLDocument2,Doc) = S_OK  then
  
begin
    Elements:
= Doc.all;
    
for  I: = 0   to  Elements.length - 1   do
    
begin
      htmlElement:
= Elements.item(I,EmptyParam);
      
if  htmlElement.QueryInterface(IID_IHTMLElement,Ele) = S_OK  then
      
begin
        AEvent:
= TMyEvent.Create;
        Ele.onclick:
= AEvent;
      
end ;
    
end ;
  
end ;
end ;

{  TMyEvent  }

function  TMyEvent._AddRef: Integer;
begin

end ;

function  TMyEvent._Release: Integer;
begin

end ;

function  TMyEvent.GetIDsOfNames( const  IID: TGUID; Names: Pointer;
  NameCount, LocaleID: Integer; DispIDs: Pointer): HResult;
begin

end ;

function  TMyEvent.GetTypeInfo(Index, LocaleID: Integer;
  out TypeInfo): HResult;
begin

end ;

function  TMyEvent.GetTypeInfoCount(out Count: Integer): HResult;
begin

end ;

function  TMyEvent.Invoke(DispID: Integer;  const  IID: TGUID;
  LocaleID: Integer; Flags: Word; 
var  Params; VarResult, ExcepInfo,
  ArgErr: Pointer): HResult;
begin
   ShowMessage(
' executing pascal program code! ' );
end ;

function  TMyEvent.QueryInterface( const  IID: TGUID; out Obj): HResult;
begin

end ;

end .


代码中的TMyEvent类实现了IDispatch接口,但是除了Invoke方法外,它的其它方法什么都不做。程序运行时TWebBrowser控件加载程序目录下的test.htm网页,这个文件的内容如下:

 

 

< html >
< head >
</ head >
< title > 测试网页 </ title >
< body >
< button  name ="buttontest"  onclick ="javascript:alert('点击我干嘛')" > 按钮一 </ button >
</ body >
</ html >

页面上有个按钮,并且有一段JavaScript代码与它的单击事件关联。在程序中,我们替换了它的单击事件处理例程。运行程序,单击网页中的按钮,可以看到弹出消息框“executing pascal program code!”,说明我们的Pascal程序代码被执行了。

转载于:https://www.cnblogs.com/coderush/articles/1184781.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript基础教程(第8版)》循序渐进地讲述了JavaScript及相关的CSS、DOM、Ajax、jQuery等技术。书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上一版的基础上新增了两章,讲述jQuery框架的基础知识。本书不仅介绍了基础知识和使用方法,也深入探讨了JavaScript应用示例。  《JavaScript基础教程(第8版)》适合有志于从事Web开发和Web设计的初学者阅读,也是高校相关课程理想的教材。 第1章 了解JavaScript 1 1.1 JavaScript是什么 1 1.2 JavaScript不是Java 2 1.3 JavaScript的起源 3 1.4 JavaScript可以做什么 3 1.5 JavaScript不能做什么 3 1.6 Ajax是什么 4 1.7 组合式(snap-together)语言 5 1.7.1 对象 5 1.7.2 属性 6 1.7.3 方法 6 1.7.4 将对象、属性和方法组合在一起 6 1.7.5 DOM简介 7 1.8 处理事件 7 1.9 值和变量 8 1.9.1 操作符 8 1.9.2 赋值和比较 9 1.9.3 比较 9 1.10 编写对JavaScript友好的HTML 10 1.10.1 结构、表现和行为 10 1.10.2 div和span 10 1.10.3 class和id 11 1.11 要使用什么工具 12 第2章 开始 13 2.1 将脚本放在哪里 13 2.2 关于函数 14 2.3 使用外部脚本 15 2.4 在脚本中添加注释 17 2.5 向用户发出警告 18 2.6 确认用户的选择 19 2.7 提示用户 21 2.8 用链接对用户进行重定向 22 2.9 使用JavaScript改进链接 25 2.10 使用多级条件 28 2.11 处理错误 30 第3章 第一个Web应用程序 33 3.1 用循环进行重复操作 33 3.2 将值传递给函数 37 3.3 探测对象 39 3.4 处理数组 40 3.5 处理有返回值的函数 42 3.6 更新数组 43 3.7 使用do/while循环 44 3.8 以多种方式调用脚本 46 3.9 组合使用JavaScript和CSS 47 3.10 检查状态 50 3.11 处理字符串数组 55 第4章 处理图像 59 4.1 创建翻转器 59 4.2 创建更有效的翻转器 61 4.3 构建三状态翻转器 64 4.4 由链接触发翻转器 66 4.5 让多个链接触发一个翻转器 68 4.6 处理多个翻转器 71 4.7 创建循环的广告条 74 4.8 在循环广告条中添加链接 76 4.9 建立循环式幻灯片 78 4.10 显示随机图像 80 4.11 随机开始循环显示图像 81 第5章 窗口与框架 83 5.1 防止页面显示在框架中 83 5.2 设置目标 84 5.3 用JavaScript加载iframe 86 5.4 Iframes的使用 87 5.5 创建动态iframe 89 5.6 在文档之间共享函数 90 5.7 打开新窗口 92 5.8 为窗口加载不同的内容 96 第6章 表单处理 98 6.1 选择并转移导航菜单 99 6.2 动态地改变菜单 102 6.3 建立必须填写的字段 104 6.4 根据其他字段对字段进行检查 109 6.5 标识有问题的字段 111 6.6 准备进行表单验证 113 6.7 处理单选按钮 117 6.8 用一个字段设置另一个字段 119 6.9 检验Zip编码 122 6.10 验证电子邮件地址 126 第7章 表单和正则表达式 131 7.1 用正则表达式验证电子邮件地址 131 7.2 验证文件名 136 7.3 提取字符串 139 7.4 格式化字符串 141 7.5 对字符串进行格式化和排序 144 7.6 对字符串进行格式化和验证 146 7.7 使用正则表达式替换元素 148 第8章 处理事件 151 8.1 处理窗口事件 151 8.1.1 onload1事件 151 8.1.2 onunload事件 154 8.1.3 onresize事件 154 8.1.4 onmove事件 156 8.1.5 onabort事件 156 8.1.6 onerror事件 156 8.1.7 onfocus事件 156 8.1.8 onblur事件 157 8.2 处理鼠标事件 158 8.2.1 onmousedown事件 158 8.2.2 onmouseup事件 161 8.2.3 onmousemove事件 161 8.2.4 onmouseover事件 163 8.2.5 onmouseout事件 163 8.2.6 ondblclick事件 164 8.2.7 onclick事件 165 8.3 表单事件处理 165 8.3.1 onsubmit事件 165 8.3.2 onreset事件 165 8.3.3 onchange事件 166 8.3.4 onselect事件 166 8.3.5 onclick事件 166 8.3.6 onblur事件 166 8.3.7 onfocus事件 168 8.4 键事件处理 169 8.4.1 onkeydown事件 169 8.4.2 onkeyup事件 172 8.4.3 onkeypress事件 172 第9章 JavaScript和cookie 173 9.1 建立第一个cookie 173 9.2 读取cookie 176 9.3 显示cookie 177 9.4 使用cookie作为计数器 178 9.5 删除cookie 180 9.6 处理多个cookie 182 9.7 显示新内容提醒信息 184 第10章 对象和DOM 189 10.1 关于节点操纵 189 10.1.1 DOM 2和W3C 189 10.1.2 DOM 2术语 189 10.1.3 DOM 3 190 10.2 添加节点 191 10.3 删除节点 192 10.4 删除特定的节点 194 10.5 插入节点 197 10.6 替换节点 199 10.7 用对象字面值编写代码 202 第11章 建立动态页面 206 11.1 在网页上显示当前日期 206 11.2 处理周中的日期 208 11.3 根据时间对消息进行定制 209 11.4 根据时区显示日期 210 11.5 把24小时制转换为12小时制 213 11.6 创建倒数计数器 216 11.7 隐藏和显示层 219 11.8 移动文档中的对象 221 11.9 日期方法 223 第12章 JavaScript应用示例 225 12.1 使用可折叠菜单 225 12.2 添加下拉菜单 228 12.3 改进下拉菜单 230 12.4 带说明的幻灯片 233 12.5 一个无聊的姓名生成器 236 12.6 柱状图生成器 240 12.7 样式表切换器 246 第13章 Ajax简介 253 13.1 Ajax的定义 253 13.2 读取服务器数据 255 13.3 解析服务器数据 261 13.4 刷新服务器数据 266 13.5 从服务器获得数据 267 13.6 用Ajax预览链接 270 13.7 自动补全表单字段 273 第14章 工具包、框架和库 279 14.1 添加jQuery 280 14.2 使用jQuery更新页面 282 14.3 使用jQuery交互 282 14.4 交互与更新 284 14.5 自动完成字段 287 第15章 用jQuery设计页面 289 15.1 突出显示新元素 289 15.2 创建可折叠菜单 292 15.3 创建更漂亮的对话框 294 15.4 条纹表格 298 15.5 表格排序 301 第16章 基于jQuery的应用 306 16.1 以jQuery为基础 306 16.2 使用ThemeRoller定制外观 307 16.3 在页面中添加日历 309 16.4 拖放元素 313 16.5 使用jQuery处理外部数据 316 16.6 使用jQuery插件 322 第17章 bookmarklet 328 17.1 第一个bookmarklet 328 17.2 改变页面的背景颜色 333 17.3 改变页面样式 334 17.4 查询单词 335 17.5 查看图像 337 17.6 显示ISO Latin字符 339 17.7 将RGB值转换为十六进制 340 17.8 对值进行转换 341 17.9 bookmarklet计算器 342 17.10 缩短URL 344 17.11 检验页面 344 17.12 通过电子邮件发送页面 345 17.13 改变页面大小 346

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值