怎么把JS函数写到onclick里面

menqi22 2013-01-12 02:20:04
// ----- popup_aa ------------------------------------------------------------
function pa()
{
element = document.getElementById('pa');
drag_element = document.getElementById('pa_drag');
exit_element = document.getElementById('pa_exit');
element.style.position = "absolute";
element.style.visibility = "visible";
element.style.display = "block";
element.style.left = (document.documentElement.scrollLeft+popup_mouseposX-10)+'px';
element.style.top = (document.documentElement.scrollTop +popup_mouseposY-10)+'px';
drag_element['target'] = 'pa';
drag_element.onmousedown = popup_mousedown;
exit_element.onclick = popup_exit;
}

把函数pa()写到onclick事件里面 <a href="#" onclick="写到这里来" >测试</a>
下面是完整代码,谢谢!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

  <title> New Document </title>

  <meta name="Generator" content="EditPlus">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">







<script language="javascript">

var popup_dragging = false;

var popup_target;

var popup_mouseX;

var popup_mouseY;

var popup_mouseposX;

var popup_mouseposY;

var popup_oldfunction;

function popup_display(x)

{

  var win = window.open();

  for (var i in x) win.document.write(i+' = '+x[i]+'<br>');

}

// ----- popup_mousedown -------------------------------------------------------

function popup_mousedown(e)

{

  var ie = navigator.appName == "Microsoft Internet Explorer";

  if ( ie  &&  window.event.button != 1) return;

  if (!ie  &&  e.button            != 0) return;

  popup_dragging = true;

  popup_target   = this['target'];

  popup_mouseX   = ie ? window.event.clientX : e.clientX;

  popup_mouseY   = ie ? window.event.clientY : e.clientY;

  if (ie)

       popup_oldfunction      = document.onselectstart;

  else popup_oldfunction      = document.onmousedown;

  if (ie)

       document.onselectstart = new Function("return false;");

  else document.onmousedown   = new Function("return false;");

}

// ----- popup_mousemove -------------------------------------------------------

function popup_mousemove(e)

{

  if (!popup_dragging) return;

  var ie      = navigator.appName == "Microsoft Internet Explorer";

  var element = document.getElementById(popup_target);

  var mouseX = ie ? window.event.clientX : e.clientX;

  var mouseY = ie ? window.event.clientY : e.clientY;

  element.style.left = (element.offsetLeft+mouseX-popup_mouseX)+'px';

  element.style.top  = (element.offsetTop +mouseY-popup_mouseY)+'px';

  popup_mouseX = ie ? window.event.clientX : e.clientX;

  popup_mouseY = ie ? window.event.clientY : e.clientY;

}

// ----- popup_mouseup ---------------------------------------------------------

function popup_mouseup(e)

{

  if (!popup_dragging) return;

  popup_dragging = false;

  var ie      = navigator.appName == "Microsoft Internet Explorer";

  var element = document.getElementById(popup_target);

  if (ie)

       document.onselectstart = popup_oldfunction;

  else document.onmousedown   = popup_oldfunction;

}

// ----- popup_exit ------------------------------------------------------------

function popup_exit(e)

{

  var ie      = navigator.appName == "Microsoft Internet Explorer";

  var element = document.getElementById(popup_target);

  popup_mouseup(e);

  element.style.visibility = 'hidden';

  element.style.display    = 'none';

}



// ----- popup_aa ------------------------------------------------------------

function pa()

{

  element      = document.getElementById('pa');

  drag_element = document.getElementById('pa_drag');

  exit_element = document.getElementById('pa_exit');

  element.style.position   = "absolute";

  element.style.visibility = "visible";

  element.style.display    = "block";

    element.style.left = (document.documentElement.scrollLeft+popup_mouseposX-10)+'px';

    element.style.top  = (document.documentElement.scrollTop +popup_mouseposY-10)+'px';

  drag_element['target']   = 'pa';

  drag_element.onmousedown = popup_mousedown;

  exit_element.onclick     = popup_exit;

}



// ----- popup_mousepos --------------------------------------------------------

function popup_mousepos(e)

{

  var ie = navigator.appName == "Microsoft Internet Explorer";

  popup_mouseposX = ie ? window.event.clientX : e.clientX;

  popup_mouseposY = ie ? window.event.clientY : e.clientY;

}

// ----- Attach Events ---------------------------------------------------------

if (navigator.appName == "Microsoft Internet Explorer")

     document.attachEvent('onmousedown', popup_mousepos);

else document.addEventListener('mousedown', popup_mousepos, false);

if (navigator.appName == "Microsoft Internet Explorer")

     document.attachEvent('onmousemove', popup_mousemove);

else document.addEventListener('mousemove', popup_mousemove, false);

if (navigator.appName == "Microsoft Internet Explorer")

     document.attachEvent('onmouseup', popup_mouseup);

else document.addEventListener('mouseup', popup_mouseup, false);



</script> 

 </head>







<a href="#" onclick="pa()"  >测试</a>

<div id="pa" style="visibility: hidden; display: none;">

<table  width="" cellspacing="0" cellpadding="0" border="0" onselectstart="return false;" style="-moz-user-select: -moz-none; font-size:12px; line-height:1.4;border-collapse: collapse;">

    <tr>

      <td width="13" height="33" style="background-image: url(images/dialog_lt.png) !important;background: url(images/dialog_lt.gif) no-repeat 0 0;"><div style="width: 13px;"></div></td>

      

	  <td id="pa_drag" height="33" style="background-image:url(images/dialog_ct.png) !important;background: url(images/dialog_ct.gif) repeat-x top;"><div  style="padding: 9px 0 0 4px; float: left; font-weight: bold; color:#fff;"><img align="absmiddle" src="images/icon_dialog.gif"/>窗口标题</div>

        

		<div id="pa_exit" onmouseout="this.style.backgroundImage='url(images/dialog_closebtn.gif)'" onmouseover="this.style.backgroundImage='url(images/dialog_closebtn_over.gif)'" style="margin: 4px 0 0;*margin-top: 5px; position: relative;top:auto; cursor: pointer; float: right; height: 17px; width: 28px; background: url(images/dialog_closebtn.gif) 0 0;' + (ielt7 ? "margin-top: 3px;" : "") + (this.ShowCloseButton ? "" : "display:none;") + '"></div></td>

      <td width="13" height="33" style="background-image: url(images/dialog_rt.png) !important;background: url(images/dialog_rt.gif) no-repeat right 0;"></td>

    </tr>

    <tr valign="top">

      <td width="13" style="background-image: url(images/dialog_mlm.png) !important;background: url(images/dialog_mlm.gif) repeat-y left;"></td>

      <td align="center">

	     <table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff">

          <tr>

            <td valign="top" width="200" height="180">

			<textarea rows="3" cols="30" readonly>买家备注:<%=T_customerneeds%></textarea>

			<textarea rows="3" cols="30" readonly>卖家备注:<%=T_AppendRemark%><%=T_Remark%></textarea>

			<form  method=post action="addremark2.asp?TradeNO=<%=T_TradeNO%>">

			<textarea cols=30 rows=3 type=text name=APP_Remark></textarea>

			<input type=submit value=确定 class=btn1_mouseout  style=height:25px;width:50px;FONT-SIZE:15px;>

			</form>

              </td>

          </tr>

        </table></td>

      <td width="13" style="background-image: url(images/dialog_mrm.png) !important;background: url(images/dialog_mrm.gif) repeat-y right;"></td>

    </tr>

    <tr>

      <td width="13" height="13" style="background-image: url(images/dialog_lb.png) !important;background: url(images/dialog_lb.gif) no-repeat 0 bottom;"></td>

      <td style="background-image: url(images/dialog_cb.png) !important;background: url(images/dialog_cb.gif) repeat-x bottom;"></td>

      <td width="13" height="13" style="background-image: url(images/dialog_rb.png) !important;background: url(images/dialog_rb.gif) no-repeat right bottom;"></td>

    </tr>

  </table>

  </div>
...全文
649 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
menqi22 2013-01-12
  • 打赏
  • 举报
 回复
把这些写到onclick里面,与调用函数达到同样的效果
menqi22 2013-01-12
  • 打赏
  • 举报
 回复
我意思是把下面这些写到onclick里面,不是调用函数 element = document.getElementById('pa'); drag_element = document.getElementById('pa_drag'); exit_element = document.getElementById('pa_exit'); element.style.position = "absolute"; element.style.visibility = "visible"; element.style.display = "block"; element.style.left = (document.documentElement.scrollLeft+popup_mouseposX-10)+'px'; element.style.top = (document.documentElement.scrollTop +popup_mouseposY-10)+'px'; drag_element['target'] = 'pa'; drag_element.onmousedown = popup_mousedown; exit_element.onclick = popup_exit;
魔术世界中文版 2013-01-12
  • 打赏
  • 举报
 回复 

<a href="#" onclick="return pa();"  >测试</a>
kamsdmwg 2013-01-12
  • 打赏
  • 举报
 回复
onclick="return pa();"
爱若如梦 2013-01-12
  • 打赏
  • 举报
 回复
你这么写没有问题啊
MySQL 函数、用户自定义函数
Re： MySQL 函数、用户自定义函数  ============================== # MySQL 函数的意义 MySQL 自身提供大量功能强大、方便易用的函数。使用这些函数，可以极大地提高用户对数据库的管理效率。   # 函数的...
Onclick 调不到JS函数
function delete() { alert("删除"); } function printexcel(var order_no) { alert(order_no); } 代码如上，点击删除后不会弹出删除。 错误原因： function printexcel(var order_no) 声明设个函数时参数加了var！这是不对的。可是第一次写JS函数，不知
在 Onclick 事件中调用多个 JavaScript 函数
在 Onclick 事件中调用多个 JavaScript 函数的简单解析
直接在onclick中写javascript代码
&lt;input type="button" id="submit1" onclick="javascript:if(!setDisabled(this)){$('#cover').css('display','none');$('#coverShow').css('display','none');}" value="上 传" /&gt; 如何直接在onclick中写js代码的实例。...
js中onclick事件里面传递参数
在onclick事件中添加参数，很多时候在onclick事件中触发的是界面的跳转，那么一般需要传递参数过去。 href="javascript:void(0)" onclick="doCheck(this)" type=0 （也可以这样写：href="javascript:void(0)" onclick="doCheck(this.type)" type=0,这样就只是把一个参数传进去， 后
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章