1. 新建项目 项目名称:MFCBaseMessage

MFC 鼠标事件,mfc鼠标事件

  1. 新建项目 项目名称:MFCBaseMessage

澳门金沙国际 1

  1. 慎选基本对话框形式,如图 ,点击已毕
    澳门金沙国际 2
  2. 最后如图

澳门金沙国际 3

鼠标事件,JS打造的图形查看器。4.右键添加类向导

 澳门金沙国际 4

5.添加鼠标事件
澳门金沙国际 5

 

 6.在ON_LButtonDown添加如下代码:

void CMFCBaseMessageDlg::OnLButtonDown(UINT nFlags, CPoint point)
{
 // TODO:  在此添加消息处理程序代码和/或调用默认值

 CString str;
 //ZeroMemory(&str, sizeof(CString));
 str.Format(_T("x=%d,y=%d"), point.x, point.y);


 if (MK_CONTROL &&nFlags)
 {
  str += L"您按了ctrl键 ";
 }
 if (MK_SHIFT && nFlags)
 {
  str += L"您按了shift键 ";
 }

 AfxMessageBox(str);
 CDialogEx::OnLButtonDown(nFlags, point);
}

7。查看效果
澳门金沙国际 6

 

 8.模拟发送事件

1 void CMFCBaseMessageDlg::OnBnClickedButton2()
2 {
3     // TODO:  在此添加控件通知处理程序代码
4 
5     // 0x00010002 叉成0x0001  和   0x0002
6 
7     SendMessage(WM_LBUTTONDOWN, WM_LBUTTONDOWN, 0x00010002);
8 }

9.查看效果

澳门金沙国际 7

 

鼠标事件,mfc鼠标事件 1. 新建项目
项目名称:MFCBaseMessage 2. 选用基本对话框形式,如图 ,点击达成 3.
最后如图 4.右键添加类向导 5.添…

  1. 新建项目 项目名称:MFCBaseMessage

那是一个选择 CSS + JS
创设的简约图片查看器,拔取缩略图点击查阅大图,能够独家展现每张图纸的叙说,大图显示地方运用固定宽度和可观,超出部分隐藏,点击大图可查看完全尺寸,包容性:IE、Firefox
、Opera。

澳门金沙国际 8

澳门金沙国际 9

JS部分

  1. 慎选基本对话框模式,如图 ,点击达成
    澳门金沙国际 10
  2. 终极如图
  1. 分选基本对话框方式,如图 ,点击完结
    澳门金沙国际 11
  2. 最后如图

function showPic (whichpic) {  
if (document.getElementById) {   
document.getElementById(‘placeholder’).src = whichpic.href;
if (whichpic.title) {    
澳门金沙国际 ,document.getElementById(‘desc’).childNodes[0].nodeValue =
whichpic.title;
} else {    
document.getElementById(‘desc’).childNodes[0].nodeValue =
whichpic.childNodes[0].nodeValue;
}   return false;  
} else {   
return true;  
} }

澳门金沙国际 12

澳门金沙国际 13

xhtml

4.右键添加类向导

4.右键添加类向导

<div id=”album”>
<div id=”pic”>
<img src=”第一张大图的地点” alt=”” id=”placeholder” />
</div>
<p id=”desc”>第一张大图的描述</p>
<div id=”thumbs”>
<ul>
<li><a onclick=”return showPic(this);” href=”第一张大图的地址”
title=””>
<img src=”第一张小图的地址” alt=”” /></a></li>
.
.
.
</ul>
</div>
</div>

 

 

CSS代码见小说末端演示文件下载

 澳门金沙国际 14

 澳门金沙国际 15

距今的效应

5.添加鼠标事件
澳门金沙国际 16

5.添加鼠标事件
澳门金沙国际 17

因为大图展现地点是永恒大小的,但图片每张大小是见仁见智的,所以地点代码运行的结果不是精美的,还要加上点击大图查看完全尺寸的代码,那里运用科学的LightBox效果。

 

 

在上头JS代码中插手:

 6.在ON_LButtonDown添加如下代码:

 6.在ON_LButtonDown添加如下代码:

document.getElementById(‘ShowLightBox’).href =
whichpic.href;

void CMFCBaseMessageDlg::OnLButtonDown(UINT nFlags, CPoint point)
{
 // TODO:  在此添加消息处理程序代码和/或调用默认值

 CString str;
 //ZeroMemory(&str, sizeof(CString));
 str.Format(_T("x=%d,y=%d"), point.x, point.y);


 if (MK_CONTROL &&nFlags)
 {
  str += L"您按了ctrl键 ";
 }
 if (MK_SHIFT && nFlags)
 {
  str += L"您按了shift键 ";
 }

 AfxMessageBox(str);
 CDialogEx::OnLButtonDown(nFlags, point);
}
void CMFCBaseMessageDlg::OnLButtonDown(UINT nFlags, CPoint point)
{
    // TODO:  在此添加消息处理程序代码和/或调用默认值

    CString str;
    //ZeroMemory(&str, sizeof(CString));
    str.Format(_T("x=%d,y=%d"), point.x, point.y);


    if (MK_CONTROL &&nFlags)
    {
        str += L"您按了ctrl键 ";
    }
    if (MK_SHIFT && nFlags)
    {
        str += L"您按了shift键 ";
    }

    AfxMessageBox(str);
    CDialogEx::OnLButtonDown(nFlags, point);
}

lightbox须求在A标签里有个大图的地点。.
head区加入lightbox的代码。

7。查看效果
澳门金沙国际 18

7。查看效果
澳门金沙国际 19

在上头的xhtml代码中参加:

 

 

<div id=”pic”> <a href=”第一张大图的地方”
rel=”lightbox” id=”ShowLightBox”>
<img src=”第一张大图的地点” alt=”点击查阅完全尺寸” id=”placeholder”
/></a>
</div>

 8.模拟发送事件

 8.模拟发送事件

末尾效果

1 void CMFCBaseMessageDlg::OnBnClickedButton2()
2 {
3     // TODO:  在此添加控件通知处理程序代码
4 
5     // 0x00010002 叉成0x0001  和   0x0002
6 
7     SendMessage(WM_LBUTTONDOWN, WM_LBUTTONDOWN, 0x00010002);
8 }
1 void CMFCBaseMessageDlg::OnBnClickedButton2()
2 {
3     // TODO:  在此添加控件通知处理程序代码
4 
5     // 0x00010002 叉成0x0001  和   0x0002
6 
7     SendMessage(WM_LBUTTONDOWN, WM_LBUTTONDOWN, 0x00010002);
8 }

全总示范文件下载

9.查看效果

9.翻看效果

感谢hooline 和 Lokesh Dhakar

澳门金沙国际 20

澳门金沙国际 21

您恐怕感兴趣的稿子:

  • js落成为a标签添加事件的方法(使用闭包循环)
  • JS脚本达成动态给标签控件添加事件的点子
  • JavaScript使用add伊夫ntListener添加事件监听用法实例
  • 种种情势完毕JS动态增进事件
  • js动态增进事件并可传参数示例代码
  • JS中动态增进事件(绑定事件)的代码
  • javascript
    动态增加事件代码
  • javascript下给成分添加事件的法门与代码
  • 基于JavaScript已毕移动端点击图片查看大图点击大图隐藏
  • js写的格局达成上传图片之后查看大图
  • JS网页图片查看器(包容IE、FF)可控制图片放大减少移动
  • JS完成页面中所有img对象添加onclick事件及新窗口查看图片的措施

 

 

相关文章