此例主要功能为:
当按ESC弹出是否退出程序对话框。
当单击图片时,显示图片的路径。
当按Shift,并单击图片时,不显示图片路径。
代码:
<script language="javascript" type="text/javascript">
<!--
function Win_onKeyPress()
{
//显示按下的值
// alert(window.event.keyCode);
if(window.event.keyCode==27)
{
//close只能直接关闭弹出窗口,不能直接关闭程序本身窗口
window.close();
}
}
function showSrc()
{
if(window.event.srcElement.tagName.toLowerCase() == "img")
{
//显示选择对象的src属性
alert(window.event.srcElement.src);
}
}
function checkCancel()
{
if (window.event.shiftKey)
//表示按住Shift时,不触发其它相关事件
window.event.cancelBubble = true;
/*
此处的执行顺序是先执行img的onclick事件,在执行body的onclick事件
*/
}
//-->
</script>
<!--
function Win_onKeyPress()
{
//显示按下的值
// alert(window.event.keyCode);
if(window.event.keyCode==27)
{
//close只能直接关闭弹出窗口,不能直接关闭程序本身窗口
window.close();
}
}
function showSrc()
{
if(window.event.srcElement.tagName.toLowerCase() == "img")
{
//显示选择对象的src属性
alert(window.event.srcElement.src);
}
}
function checkCancel()
{
if (window.event.shiftKey)
//表示按住Shift时,不触发其它相关事件
window.event.cancelBubble = true;
/*
此处的执行顺序是先执行img的onclick事件,在执行body的onclick事件
*/
}
//-->
</script>
<body onclick="showSrc();" onkeypress="Win_onKeyPress()">
<div>
<img src="../Img/other127.gif" onclick="checkCancel()" />
</div>
</body>
<div>
<img src="../Img/other127.gif" onclick="checkCancel()" />
</div>
</body>