n $r;
}

// 版块版主权限判断: allowtop, allowmove, allowupdate, allowdelete, allowbanuser, allowviewip, allowdeleteuser
function forum_access_mod($fid, $gid, $access)
{
    global $grouplist, $forumlist, $uid;
    
    // 结果缓存，加速判断！
    static $result = array();
    $k = $fid . '-' . $gid . '-' . $access;
    if (isset($result[$k])) return $result[$k];

    if (1 == $gid || 2 == $gid) return TRUE; // 管理员有所有权限
    if (3 == $gid || 4 == $gid) {
        $group = $grouplist[$gid];
        $forum = $forumlist[$fid];
        $r = !empty($group[$access]) && in_string($uid, $forum['moduids']);
    } else {
        $r = FALSE;
    }
    $result[$k] = $r;
    
    return $r;
}

function forum_is_mod($fid, $gid, $uid)
{
    global $grouplist, $forumlist;
    

    if (1 == $gid || 2 == $gid) return TRUE; // 管理员有所有权限
    if (3 == $gid || 4 == $gid) {
        if (0 == $fid) return TRUE; // 此处不严谨！
        $group = $grouplist[$gid];
        $forum = $forumlist[$fid];
        return in_string($uid, $forum['moduids']);
    }
    
    return FALSE;
}

// ------------> 其他方法

function forum_access_format(&$access)
{
    
    if (empty($access)) return;
    
}

function forum_access_count($cond = array())
{
    
    $n = db_count('forum_access', $cond);
    
    return $n;
}




?>  !empty($attach) and attach_big_insert($attach);

    

    $attachlist = $imagelist = $filelist = '';
    $images = 0;
    $files = 0;
    // 处理不在 message 中的图片，删除掉没有插入的附件
    if ($message) {
        // 只有评论会传pid
        list($attachlist, $imagelist, $filelist) = $pid ? well_attach_find_by_pid($pid) : well_attach_find_by_tid($tid);

        

        if (!empty($imagelist)) {
            $aids = array();
            foreach ($imagelist as $key => $attach) {

                $image_url = $conf['upload_url'] . 'website_attach/' . $attach['filename'];

                

                if (FALSE === strpos($message, $image_url)) {

                    unset($attachlist[$attach['aid']], $imagelist[$attach['aid']]);

                    $aids[] = $attach['aid'];

                    $path = $conf['upload_path'] . 'website_attach/' . $attach['filename'];
                    is_file($path) and unlink($path);

                    

                    // 删除云储存文件
                }

                
            }

            !empty($aids) and well_attach__delete($aids);

            
        }

        $images = count($imagelist);
        $files = count($filelist);

        
    }

    

    $return += array('tid' => $tid, 'pid' => $pid, 'icon' => $icon, 'message' => $message, 'images' => $images, 'files' => $files);

    

    return $return;
}

// 关联内容中的文件，逐渐放弃使用该函数，使用 well_attach_assoc_handle()
function well_attach_assoc_file($arr = array())
{
    global $conf, $time;

    

    $uid = array_value($arr, 'uid', 0);
    $tid = array_value($arr, 'tid', 0);
    $post_create = array_value($arr, 'post_create', 0); // 创建回复
    $pid = array_value($arr, 'pid', 0);
    $images = array_value($arr, 'images', 0);
    $files = array_value($arr, 'files', 0);
    $message = array_value($arr, 'message');

    if (!$tid && !$pid) return $message;

    

    $attach_dir_save_rule = array_value($conf, 'attach_dir_save_rule', 'Ym');
    $day = date($attach_dir_save_rule, $time);
    $path = $conf['upload_path'] . 'website_attach/' . $day;
    $url = $conf['upload_url'] . 'website_attach/' . $day;
    is_dir($path) || mkdir($path, 0777, TRUE);

    if (!empty($arr['sess_tmp_files'])) {

        $message = urldecode($message);
        preg_match_all('#<img[^>]+src="(.*?)"#i', $message, $match);

        $localurlarr = array(
            'http://' . $_SERVER['SERVER_NAME'] . '/',
            'https://' . $_SERVER['SERVER_NAME'] . '/',
        );

        // 跳过云储存
        $conf['cloud_url'] and $localurlarr[] = $conf['cloud_url'];

        

        /*$match[1]
            Array
            (
                [0] => https://nimg.ws.126.net/?url=http://dingyue.ws.126.net/2021/1109/d3321a58j00r29xq20013c000hk00h4g.jpg&thumbnail=650x2147483647&quality=80&type=jpg
                [1] => https://nimg.ws.126.net/?url=http://dingyue.ws.126.net/2021/1109/e4974b87j00r29xq30013c000fi00i3g.jpg&thumbnail=650x2147483647&quality=80&type=jpg
                [2] => upload/tmp/1_KAUXKFMJHFTUMNS.jpg
                [3] => https://nimg.ws.126.net/?url=http://dingyue.ws.126.net/2021/1109/5a7be552j00r29xq3001qc000hs00hvg.jpg&thumbnail=650x2147483647&quality=80&type=jpg
            )*/
        $upload_arr = array();
        $http_arr = array();
        if (!empty($match[1])) {
            foreach ($match[1] as $_url) {

                foreach ($localurlarr as $localurl) {
                    if ($localurl == substr($_url, 0, strlen($localurl))) continue 2;
                }

                if (substr($_url, 0, 7) == 'http://' || substr($_url, 0, 8) == 'https://') {
                    $http_arr[] = $_url;
                } elseif (substr($_url, 0, 11) == 'upload/tmp/' || substr($_url, 0, 12) == '/upload/tmp/' || substr($_url, 0, 14) == '../upload/tmp/') {
                    $upload_arr[] = $_url;
                }
            }
        }

        

        $attach = array();
        foreach ($arr['sess_tmp_files'] as $file) {

            // 过滤非内容图，不包括附件
            if (!in_array($file['url'], $upload_arr) && 0 != $file['isimage']) {
                unlink($file['path']);
                continue;
            }

            

            // 后台提交的内容需要替换掉../
            $file['url'] = $file['backstage'] ? str_replace('../upload/', 'upload/', $file['url']) : str_replace('/upload/', 'upload/', $file['url']);

            

            // 内容附件 将文件移动到 upload/website_attach 目录
            $filename = file_name($file['url']);

            

            // 绝对路径
            $destfile = $path . '/' . $filename;
            // 相对路径
            $desturl = $url . '/' . $filename;
            // 复制
            xn_copy($file['path'], $destfile) || xn_log("xn_copy($file[path]), $destfile) failed, tid:$tid, pid:$pid", 'php_error');

            

            if (is_file($destfile) && filesize($destfile) == filesize($file['path'])) unlink($file['path']);

            // 按照$destfile文件路径，上传至云储存或图床，返回数据.附件分离，最优方案是redis队列，单独写上传云储存php文件，nohup后台运行，将队列数据上传云储存，然后根据aid更新附件表attach_on、image_url自动，根据tid更新主题表attach_on。关联附件上传云储存，有可能导致超时。

            

            $attacharr = array(
                /*'tid' => $tid,
                'pid' => $pid,*/
                'uid' => $uid,
                'filesize' => $file['filesize'],
                'width' => $file['width'],
                'height' => $file['height'],
                'filename' => $day . '/' . $filename,
                'orgfilename' => $file['orgfilename'],
                //'image_url' => '', // 图床文件完整网址
                'filetype' => $file['filetype'],
                'create_date' => $time,
                'isimage' => $file['isimage']
            );

            $tid and $attacharr += $pid ? array('pid' => $pid) : array('tid' => $tid);

            

            $attach[] = $attacharr;

            // 关联内容再入库
            //$aid = well_attach_create($attach);

            $file['backstage'] and $message = str_replace('../upload/', 'upload/', $message);
            $message = str_replace($file['url'], $desturl, $message);

            
        }

        !empty($attach) and attach_big_insert($attach);

        

        // 清空 session
        $_SESSION['tmp_website_files'] = array();
    }

    

    // 更新附件数
    $update = array();
    $_images = 0;
    $_files = 0;
    // 处理不在 message 中的图片，删除掉没有插入的图片附件
    if ($message) {

        // 只有评论会传pid
        list($attachlist, $imagelist, $filelist) = $pid ? well_attach_find_by_pid($pid) : well_attach_find_by_tid($tid);

        

        if (!empty($imagelist)) {
            $aids = array();
            foreach ($imagelist as $key => $attach) {

                $url = $conf['upload_url'] . 'website_attach/' . $attach['filename'];

                

                if (FALSE === strpos($message, $url)) {
                    unset($attachlist[$attach['aid']], $imagelist[$attach['aid']]);

                    $aids[] = $attach['aid'];

                    $path = $conf['upload_path'] . 'website_attach/' . $attach['filename'];
                    is_file($path) and unlink($path);

                    

                    // 删除云储存文件
                }

                
            }

            !empty($aids) and well_attach__delete($aids);

            
        }

        $_images = count($imagelist);
        $images != $_images and $update['images'] = $_images;

        $_files = count($filelist);
        $files != $_files and $update['files'] = $_files;

        
    }

    

    if (empty($update)) return $pid ? array($message, $_images, $_files) : $message;

    if ($pid) {
        if ($post_create) {
            $update['message'] = $message;
            comment__update($pid, $update);
        } else {
            // 编辑回复返回的数据
            return array($message, $_images, $_files);
        }
    } else {
        well_thread_update($tid, $update);
    }

    

    return $message;
}

// thumbnail:主题主图 post:内容图片或附件
function well_attach_assoc_type($type)
{
    
    switch ($type) {
        case 'thumbnail':
            $k = 'tmp_thumbnail';
            break;
        case 'post':
            $k = 'tmp_website_files';
            break;
        
        default:
            return NULL;
            break;
    }
    $sess_tmp_files = _SESSION($k);
    // 如果session中没有，从数据库中获取储存的session
    //if (empty($sess_tmp_files) && preg_match('#' . $k . '\|(a\:1\:\{.*\})#', _SESSION('data'), $matches)) $sess_tmp_files = unserialize(str_replace(array('+', '='), array('_', '.'), $matches['1']));
    
    return $sess_tmp_files;
}

// Create thumbnail
function well_attach_create_thumbnail($arr)
{
    global $conf, $time, $forumlist, $config;

    $uid = array_value($arr, 'uid', 0);
    $tid = array_value($arr, 'tid', 0);
    $fid = array_value($arr, 'fid', 0);
    $forum = array_value($forumlist, $fid);

    $picture = $config['picture_size'];
    $picture = isset($forum['thumbnail']) ? $forum['thumbnail'] : $picture['picture_size'];
    $pic_width = $picture['width'];
    $pic_height = $picture['height'];

    $attachlist = well_attach_assoc_type('post');
    if (empty($attachlist)) return;

    $attach_dir_save_rule = array_value($conf, 'attach_dir_save_rule', 'Ym');

    $day = date($attach_dir_save_rule, $time);
    $path = $conf['upload_path'] . 'thumbnail/' . $day;
    is_dir($path) || mkdir($path, 0777, TRUE);

    $tmp_file = $conf['upload_path'] . 'tmp/' . $uid . '_' . $tid . '_' . $time . '.jpeg';

    $i = 0;
    foreach ($attachlist as $val) {
        ++$i;
        if (1 == $val['isimage'] && 1 == $i) {
            'clip' == array_value($conf, 'upload_resize', 'clip') ? well_image_clip_thumb($val['path'], $tmp_file, $pic_width, $pic_height) : well_image_thumb($val['path'], $tmp_file, $pic_width, $pic_height);
            break;
        }
    }
    $destfile = $path . '/' . $uid . '_' . $tid . '_' . $time . '.jpeg';
    xn_copy($tmp_file, $destfile) || xn_log("xn_copy($tmp_file), $destfile) failed, tid:$tid", 'php_error');
}

function well_save_remote_image($arr)
{
    global $conf, $time, $forumlist, $config;

    

    $message = array_value($arr, 'message');
    $tid = array_value($arr, 'tid', 0);
    $fid = array_value($arr, 'fid', 0);
    $uid = array_value($arr, 'uid', 0);
    $thumbnail = array_value($arr, 'thumbnail', 0);
    $save_image = array_value($arr, 'save_image', 0);

    $attach_dir_save_rule = array_value($conf, 'attach_dir_save_rule', 'Ym');

    $day = date($attach_dir_save_rule, $time);
    $attach_dir = $conf['upload_path'] . 'website_attach/' . $day . '/';
    $attach_url = $conf['upload_url'] . 'website_attach/' . $day . '/';
    is_dir($attach_dir) || mkdir($attach_dir, 0777, TRUE);

    

    if ($thumbnail) {

        $picture = $config['picture_size'];
        $forum = array_value($forumlist, $fid);
        $picture = isset($forum['thumbnail']) ? $forum['thumbnail'] : $picture['picture_size'];
        $pic_width = $picture['width'];
        $pic_height = $picture['height'];

        $thumbnail_path = $conf['upload_path'] . 'thumbnail/' . $day . '/';
        is_dir($thumbnail_path) || mkdir($thumbnail_path, 0777, TRUE);

        $tmp_file = $thumbnail_path . $uid . '_' . $tid . '_' . $time . '.jpeg';
    }

    $localurlarr = array(
        'http://' . $_SERVER['SERVER_NAME'] . '/',
        'https://' . $_SERVER['SERVER_NAME'] . '/',
    );
    // 跳过云储存
    $conf['cloud_url'] and $localurlarr[] = $conf['cloud_url'];

    

    //$save_image_quality = array_value($conf, 'save_image_quality', 0);
    $save_image_quality = 0;

    $message = urldecode($message);
    //$message = str_replace('&amp;', '&', $message);
    //$message = htmlspecialchars_decode($message);
    preg_match_all('#<img[^>]+src="(http.*?)"#i', $message, $match);

    

    if (!empty($match[1])) {
        $n = 0;
        $i = 0;
        foreach ($match[1] as $url) {

            foreach ($localurlarr as $localurl) {
                if ($localurl == substr($url, 0, strlen($localurl))) continue 2;
            }

            $full_url = htmlspecialchars_decode($url);
            $message = str_replace($url, $full_url, $message);
            $getimgsize = getimagesize($full_url);
            if (FALSE === $getimgsize) continue; // 非图片跳出

            $filename = $uid . '_' . xn_rand(16);
            if (1 == $getimgsize[2]) {
                $filename .= '.gif';
                $destpath = $attach_dir . $filename;
            } elseif (in_array($getimgsize[2], array(2, 3, 15, 18))) {
                $filename .= '.jpeg';
                $destpath = $attach_dir . $filename;
            } else {
                continue; // 非常见图片格式跳出
            }

            $desturl = $attach_url . $filename;
            $_message = str_replace($full_url, $desturl, $message);

            if ($message != $_message) {

                if ($save_image) {
                    if (0 == $save_image_quality) {
                        $imgdata = https_request($full_url);
                        //$destpath = $attach_dir . $filename;
                        file_put_contents_try($destpath, $imgdata);
                    } else {
                        // 图片压缩 GD 库效率低下 ImageMagick 需要额外安装扩展
                        switch ($getimgsize[2]) {
                            case 1: // GIF
                                $imgdata = imagecreatefromgif($full_url);
                                break;
                            case 2: // JPG
                                $imgdata = imagecreatefromjpeg($full_url);
                                break;
                            case 3: // PNG
                                $imgdata = imagecreatefrompng($full_url);
                                break;
                            case 15: // WBMP
                                $imgdata = imagecreatefromwbmp($full_url);
                                break;
                            case 18: // WEBP
                                $imgdata = imagecreatefromwebp($full_url);
                                break;
                        }
                        imagejpeg($imgdata, $destpath, $save_image_quality);
                        imagedestroy($imgdata);
                    }
                }

                // 创建缩略图
                if ($thumbnail) {

                    if (1 == ++$i) {

                        if (empty($save_image)) {
                            $imgdata = https_request($full_url);
                            file_put_contents_try($destpath, $imgdata);
                        }

                        // 裁切保存到缩略图目录
                        'clip' == array_value($conf, 'upload_resize', 'clip') ? well_image_clip_thumb($destpath, $tmp_file, $pic_width, $pic_height, $getimgsize) : well_image_thumb($destpath, $tmp_file, $pic_width, $pic_height, $getimgsize);
                        well_thread_update($tid, array('icon' => $time));
                    }

                    if (empty($save_image)) {
                        is_file($destpath) and unlink($destpath);
                        continue;
                    }
                }

                $filesize = strlen($imgdata);
                $attach = array('tid' => $tid, 'uid' => $uid, 'filesize' => $filesize, 'width' => $getimgsize[0], 'height' => $getimgsize[1], 'filename' => "$day/$filename", 'orgfilename' => $filename, 'filetype' => 'image', 'create_date' => $time, 'downloads' => 0, 'isimage' => 1);
                $aid = well_attach_create($attach);
                $n++;
            }

            $message = preg_replace('#(<img.*?)(class=.+?[\'|\"])|(data-src=.+?[\'|"])|(data-type=.+?[\'|"])|(data-ratio=.+?[\'|"])|(data-s=.+?[\'|"])|(data-fail=.+?[\'|"])|(crossorigin=.+?[\'|"])|((data-w)=[\'"]+[0-9]+[\'"]+)|(_width=.+?[\'|"]+)|(_height=.+?[\'|"]+)|(style=.+?[\'|"])|((width)=[\'"]+[0-9]+[\'"]+)|((height)=[\'"]+[0-9]+[\'"]+)#i', '$1', $_message);
        }
        
        $n and well_thread_update($tid, array('images+' => $n));
    }

    
    return $message;
}

function well_get_image_url($url)
{
    if ($n = strpos($url, '.jpg')) {
        $_n = $n + 4;
    } elseif ($n = strpos($url, '.jpeg')) {
        $_n = $n + 5;
    } elseif ($n = strpos($url, '.png')) {
        $_n = $n + 4;
    } elseif ($n = strpos($url, '.gif')) {
        $_n = $n + 4;
    } elseif ($n = strpos($url, '.bmp')) {
        $_n = $n + 4;
    }

    $url = $n ? mb_substr($url, 0, $_n, 'UTF-8') : NULL;

    return $url;
}




?>     // 频道和全局置顶主题
        foreach ($arrlist as $val) {
            if (in_array($val['fid'], $fids) && 2 == $val['sticky']) {
                $sticky2[$val['tid']] = $val;
            } elseif (3 == $val['sticky']) {
                $sticky3[$val['tid']] = $val;
            }
        }
    } else {
        // 栏目/上级频道/全局置顶
        foreach ($arrlist as $val) {
            if ($forum['fid'] == $val['fid'] && 1 == $val['sticky']) {
                $sticky1[$val['tid']] = $val;
            } elseif (in_array($val['fid'], $fids) && 2 == $val['sticky']) {
                $sticky2[$val['tid']] = $val;
            } elseif (3 == $val['sticky']) {
                $sticky3[$val['tid']] = $val;
            }
        }
    }

    $sticky3 = empty($sticky3) ? array() : array_multisort_key($sticky3, 'create_date', FALSE, 'tid');
    $sticky2 = empty($sticky2) ? array() : array_multisort_key($sticky2, 'create_date', FALSE, 'tid');
    $sticky1 = empty($sticky1) ? array() : array_multisort_key($sticky1, 'create_date', FALSE, 'tid');

    $arr = $sticky3 + $sticky2 + $sticky1;

    

    return $arr;
}

// 全部置顶缓存
function sticky_thread_find_cache()
{
    global $conf;

    

    $key = 'sticky_thread_list';
    static $cache = array(); // 用静态变量只能在当前 request 生命周期缓存，跨进程需要再加一层缓存：redis/memcached/xcache/apc
    if (isset($cache[$key])) return $cache[$key];

    

    if ('mysql' == $conf['cache']['type']) {
        $arr = sticky_thread__find(array(), array('tid' => -1), 1, 2000);
    } else {
        $arr = cache_get($key);
        if (NULL === $arr) {
            $arr = sticky_thread__find(array(), array('tid' => -1), 1, 2000);
            $arr AND cache_set($key, $arr, 1800);
        }
    }

    

    $cache[$key] = $arr ? $arr : NULL;

    

    return $cache[$key];
}




?><!DOCTYPE html><html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta name="referrer" content="origin-when-cross-origin"><meta name="applicable-device" content="pc,mobile" /><meta name="MobileOptimized" content="width" /><meta name="HandheldFriendly" content="true" /><meta name="renderer" content="webkit" /><meta name="keywords" content="发生,页面,事件,用户" /><meta name="description" content="【HTML】HTML事件的种类" /><title>【HTML】HTML事件的种类编程频道|福州电脑网
</title><link rel="shortcut icon" href="/view/img/favicon.ico" /><link rel="icon" sizes="32x32" href="/view/img/favicon.ico"><link rel="Bookmark" href="/view/img/favicon.ico" /><link rel="stylesheet" href="/view/template/mitiqin/css/style.css?2.3.0"><link rel="stylesheet" href="/view/template/mitiqin/css/iconfont.css?2.3.0"><script src="/view/template/mitiqin/js/jquery-2.2.4.min.js?2.3.0" type="text/javascript"></script></head><body><div id="header"><div class="header container"><div class="logo"><a href="/"  title="福州电脑网_福州电脑维修_福州电脑之家_福州iThome"><img src="/view/template/mitiqin/img/logo.png" alt="福州电脑网_福州电脑维修_福州电脑之家_福州iThome"></a></div><div id="monavber" class="nav" data-type="index" data-infoid><ul id="nav" class="navbar"><li class="navbar-item" data-active="fid-0"><a href="/">首页</a></li><li class="navbar-item" fid="5" data-active="fid-5"><a href="/biancheng">编程之家</a></li><li class="navbar-item" fid="4" data-active="fid-4"><a href="/xitong">系统教程</a></li><li class="navbar-item" fid="12" data-active="fid-12"><a href="/shuma">数码周边</a></li><li class="navbar-item" fid="13" data-active="fid-13"><a href="/pc">电脑</a></li></ul></div><div id="mnav"><i class="iconfont icon-app"></i></div><div id="search"><i class="iconfont icon-search"></i></div><div class="search"><form id="form-search" action="/operate/search.html"><input type="text" name="keyword" placeholder="关键词" value=""/><button type="submit" value="搜索"><i class="iconfont icon-search"></i></button><input type="hidden" name="range" value="1"></form></div></div></div>
<div class="fzithome-com breadcrumb2 container-w"><div id="b" class="cl"><div class="fzithome-com fl"><i class="iconfont icon-home"></i><a href="/">首页</a>&nbsp;>&nbsp;
<a href="/xitong">系统教程</a><a href="/xitong/1707127798a244758.html" title="首页">【HTML】HTML事件的种类</a></div></div></div><div class="fzithome-com main container-w cl"><div class="fzithome-com mainl"><div class="fzithome-com art-post"><div class="fzithome-com title"><h1>【HTML】HTML事件的种类</h1><div class="fzithome-com info"><span><a href="/xitong"><i class="iconfont icon-crossborder-fill"></i>系统教程</a></span><span><i class="iconfont icon-browse"></i>74</span><span><i class="iconfont icon-message-fill"></i>0</span><span>
                        更新时间：2026-04-06 12:47:05</span></div></div><div class="fzithome-com art-content"><article class="single-post"><div class="fzithome-com entry"><p>2024年2月5日发(作者：)</p><p><h2></h2></p><p></img></p><p style="text-indent: 2em;";></p><p style="text-indent: 2em;";>旗开得胜 </p><p style="text-indent: 2em;";>HTML事件的种类： </p><p style="text-indent: 2em;";>load：它在对象完全载入时发生。页面完全载入后，在 window 对象上触发；所有框架都载入后，在框架集上触发；<img> 完全载入后，在其上触发；<object> 完全载入后，在其上触发。 </p><p style="text-indent: 2em;";>unload：它在对象完全卸载时发生。页面完全卸载后，在 window 对象上触发；所有框架都卸载后，在框架集上触发；<img> 完全卸载后，在其上触发；<object> 完全卸载后，在其上触发。 </p><p style="text-indent: 2em;";>abort：用户停止下载 <img> 或 <object> 时发生。 </p><p style="text-indent: 2em;";>error：JS脚本出错时发生。 </p><p style="text-indent: 2em;";>select：用户在文本框中选择了文本时发生。 </p><p style="text-indent: 2em;";>change：用户改变文本框中的文本时发生，用户改变了列表框中选择的项目时发生。 </p><p style="text-indent: 2em;";>submit：用户点击提交按钮时在表单上发生。 </p><p style="text-indent: 2em;";>reset：用户点击重置按钮时在表单上发生。 </p><p style="text-indent: 2em;";>resize：窗口或框架的大小发生改变时发生。 </p><p style="text-indent: 2em;";>1 </p><p style="text-indent: 2em;";>读万卷书 行万里路 </p><p style="text-indent: 2em;";>旗开得胜 </p><p style="text-indent: 2em;";>scroll：用户滚动滚动条时发生。（IE浏览器无效） </p><p style="text-indent: 2em;";>focus：元素或窗口获得焦点时发生。 </p><p style="text-indent: 2em;";>blur：元素或窗口失去焦点时发生。 </p><p style="text-indent: 2em;";>load 和 unload 事件 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>load 事件一般用于对页面进行初始化，它在页面完全载入后发生（注意：在页面完全载入前任何DOM操作都是不能进行的）。使用 load 事件可以执行那些一打开网页就需要执行的代码。 </p><p style="text-indent: 2em;";>load 事件一般在 <body> 标签中处理，但它实际上是由 window 对象处理的。它的调用方法是： </p><p style="text-indent: 2em;";><body onload="处理程序">  </p><p style="text-indent: 2em;";>如： </p><p style="text-indent: 2em;";><body onload="alert('欢迎光临！')">  </p><p style="text-indent: 2em;";>unload 事件在页面卸载时发生，如单击超链接打开另一个页面、使用前进/后退按钮、关闭浏览器窗口时会触发该事件。 </p><p style="text-indent: 2em;";>2 </p><p style="text-indent: 2em;";>读万卷书 行万里路 </p><p style="text-indent: 2em;";>旗开得胜 </p><p style="text-indent: 2em;";>unload 事件也是由 window 对象处理的，一般也在 <body> 标签中调用： </p><p style="text-indent: 2em;";><body onunload="处理程序">  </p><p style="text-indent: 2em;";>resize 事件 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>resize 事件窗口或框架的大小被调整时发生，包括最小化、最大化。在IE和Opera浏览器中，只要窗口边框被拖动，就触发该事件，在Mozilla浏览器中，resize 事件只是在停止改变窗口大小时才会触发。 </p><p style="text-indent: 2em;";>resize 事件也是由 window 对象处理的，一般在 <body> 标签中调用： </p><p style="text-indent: 2em;";><body onresize="处理程序">  </p><p style="text-indent: 2em;";>例如： </p><p style="text-indent: 2em;";><body onresize="getSize()"> </p><p style="text-indent: 2em;";><div id="bwidth">&nbsp;</div> </p><p style="text-indent: 2em;";><div id="bheight">&nbsp;</div> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><script type="text/javascript"> </p><p style="text-indent: 2em;";>3 </p><p style="text-indent: 2em;";>读万卷书 行万里路 </p><p style="text-indent: 2em;";>旗开得胜 </p><p style="text-indent: 2em;";>function getSize() </p><p style="text-indent: 2em;";>{ </p><p style="text-indent: 2em;";>    mentById("bwidth").innerHTML = "文档宽度："+Width; </p><p style="text-indent: 2em;";>    mentById("bheight").innerHTML = "文档高度："+Height; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";></script>  </p><p style="text-indent: 2em;";>效果为： </p><p style="text-indent: 2em;";>  </p><p style="text-indent: 2em;";>  </p><p style="text-indent: 2em;";>本例的效果可以调节浏览器窗口来查看。 </p><p style="text-indent: 2em;";>scroll 事件 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>scroll 事件在调节滚动条时发生，可用于含有滚动条的元素，如浏览器窗口、多行文本框等。 </p><p style="text-indent: 2em;";>浏览器窗口的 scroll 事件在 <body> 标签中调用： </p><p style="text-indent: 2em;";>4 </p><p style="text-indent: 2em;";>读万卷书 行万里路 </p><p style="text-indent: 2em;";>旗开得胜 </p><p style="text-indent: 2em;";><body onscroll="处理程序">  </p><p style="text-indent: 2em;";>事件发生后，body 对象的 scrollLeft 属性保存了窗口水平方向的滚动距离，scrollTop 属性保存了窗口垂直方向的滚动距离。 </p><p style="text-indent: 2em;";>例如： </p><p style="text-indent: 2em;";><body onscroll="getScroll()"> </p><p style="text-indent: 2em;";><div id="bleft">&nbsp;</div> </p><p style="text-indent: 2em;";><div id="btop">&nbsp;</div> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><script type="text/javascript"> </p><p style="text-indent: 2em;";>function getScroll() </p><p style="text-indent: 2em;";>{ </p><p style="text-indent: 2em;";>    mentById("bleft").innerHTML = "水平滚动距离："+Left; </p><p style="text-indent: 2em;";>    mentById("btop").innerHTML = "垂直滚动距离："+Top; </p><p style="text-indent: 2em;";>} </p><p style="text-indent: 2em;";></script>  </p><p style="text-indent: 2em;";>效果为： </p><p style="text-indent: 2em;";>水平滚动距离：0 </p><p style="text-indent: 2em;";>垂直滚动距离：0 </p><p style="text-indent: 2em;";>5 </p><p style="text-indent: 2em;";>读万卷书 行万里路 </p><p style="text-indent: 2em;";>浏览器中无效。 </p><p style="text-indent: 2em;";>读万卷书 行万里路旗开得胜 </p><p style="text-indent: 2em;";>6 </p><p style="text-indent: 2em;";>本例在IE </p><p style="text-indent: 2em;";> </p><p><p><h2></h2></p></img></p></div></article></div><div class="fzithome-com info"><div><span>本文发布于:2024-02-05，感谢您对本站的认可！</span></div><div><span>本文链接:</span><a href="https://www.fzithome.com/xitong/1707127798a244758.html" title="【HTML】HTML事件的种类">https://www.fzithome.com/xitong/1707127798a244758.html</a></div><div><span>版权声明:本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。</span></div></div><span class="tag"><i class="iconfont icon-discount" style="font-size:12px;font-weight:bold;opacity:.7;">本文标签：</i><a href="/tag/671.html" target="_blank">发生</a><a href="/tag/421.html" target="_blank">页面</a><a href="/tag/473.html" target="_blank">事件</a><a href="/tag/156.html" target="_blank">用户</a></span></div><div class="fzithome-com post_comments" id="comments"><div id="comt-respond" class="commentpost"><h4>发布评论
<span><a rel="nofollow" id="cancel-reply" href="#comment" style="display:none;"><small>取消回复</small></a></span></h4><form action="/comment/create/244758.html?safe_token=d5Ekc4HYPFDBki5hb13yhN0_2Fi4GNc06qUj4Tfu3rVPFmVpVyrW2jw4g7hZoQfVjXhVR83Yf2yndYi7RYGLNNjA_3D_3D" method="post" name="saypl" id="frmSumbit"><input type="hidden" name="doctype" value="1" /><input type="hidden" name="quotepid" value="0" /><div id="comment-tools"><div class="fzithome-com tools_text"><textarea placeholder="请在这里留言..." name="message" id="txaArticle" class="text input-block-level comt-area" cols="50" rows="4" tabindex="5"></textarea></div></div><div class="fzithome-com psumbit"><input name="sumbit" type="submit" tabindex="6" value="发布" class="button" /></div></form></div><div class="fzithome-com commentlist"><div class="fzithome-com comment-tab"><div class="fzithome-com come-comt">评论列表<span id="comment_count">（有<span id="infocommentnumarea" style="color:#c81111">0</span>条评论）</span></div></div><ul class="diy-comment"></ul></div></div></div><div class="fzithome-com mainr"><div class="widget widget_previous"><h4 class="bar">最近发表</h4><ul><li><a href="/xitong/1700736940a5.html"title='打开mdb数据库_PyTorch60.读写LMDB数据库' aria-label='打开mdb数据库_PyTorch60.读写LMDB数据库'>打开mdb数据库_PyTorch60.读写LMDB数据库</a></li><li><a href="/xitong/1700738495a78.html"title='StarCCM+如何创建自己的物性参数数据库' aria-label='StarCCM+如何创建自己的物性参数数据库'>StarCCM+如何创建自己的物性参数数据库</a></li><li><a href="/xitong/1700738516a79.html"title='豪典门窗软件ForExcel使用方法' aria-label='豪典门窗软件ForExcel使用方法'>豪典门窗软件ForExcel使用方法</a></li><li><a href="/xitong/1700739121a105.html"title='文件后缀名大全' aria-label='文件后缀名大全'>文件后缀名大全</a></li><li><a href="/xitong/1700740496a163.html"title='VB连接Access数据库的两种方法' aria-label='VB连接Access数据库的两种方法'>VB连接Access数据库的两种方法</a></li><li><a href="/xitong/1700740888a184.html"title='(完整word)Access数据库使用方法和技巧' aria-label='(完整word)Access数据库使用方法和技巧'>(完整word)Access数据库使用方法和技巧</a></li><li><a href="/xitong/1700741130a196.html"title='ZKTime5.0考勤软件本常见问题处理办法' aria-label='ZKTime5.0考勤软件本常见问题处理办法'>ZKTime5.0考勤软件本常见问题处理办法</a></li><li><a href="/xitong/1700741254a202.html"title='清华斯维尔三维算量2011年常见问题解答' aria-label='清华斯维尔三维算量2011年常见问题解答'>清华斯维尔三维算量2011年常见问题解答</a></li><li><a href="/xitong/1700742412a251.html"title='计算机二级Access上机十套试题详细解析(经典版)' aria-label='计算机二级Access上机十套试题详细解析(经典版)'>计算机二级Access上机十套试题详细解析(经典版)</a></li><li><a href="/xitong/1700745900a418.html"title='彻底删除hao123主页的方法' aria-label='彻底删除hao123主页的方法'>彻底删除hao123主页的方法</a></li><li><a href="/xitong/1700746417a446.html"title='怎么删除彻底java_教你如何完全卸载Java' aria-label='怎么删除彻底java_教你如何完全卸载Java'>怎么删除彻底java_教你如何完全卸载Java</a></li><li><a href="/xitong/1700746582a451.html"title='行业热点:掌握资讯提升职业竞争力' aria-label='行业热点:掌握资讯提升职业竞争力'>行业热点:掌握资讯提升职业竞争力</a></li><li><a href="/xitong/1700747757a511.html"title='在面试中如何进行无领导小组讨论' aria-label='在面试中如何进行无领导小组讨论'>在面试中如何进行无领导小组讨论</a></li><li><a href="/xitong/1700748106a528.html"title='浓香型白酒标准 GB10781l' aria-label='浓香型白酒标准 GB10781l'>浓香型白酒标准 GB10781l</a></li><li><a href="/xitong/1700752138a723.html"title='版面突出 聚焦热点 注重策划——解析京报网“主题新闻”的编辑特色' aria-label='版面突出 聚焦热点 注重策划——解析京报网“主题新闻”的编辑特色'>版面突出 聚焦热点 注重策划——解析京报网“主题新闻”的编辑特色</a></li><li><a href="/xitong/1700752416a736.html"title='PC寒促火爆进行各大品牌优惠及热点推荐' aria-label='PC寒促火爆进行各大品牌优惠及热点推荐'>PC寒促火爆进行各大品牌优惠及热点推荐</a></li><li><a href="/xitong/1700762517a1242.html"title='一键GHOST使用图解' aria-label='一键GHOST使用图解'>一键GHOST使用图解</a></li><li><a href="/xitong/1700765627a1416.html"title='如何调试电脑组装中出现的常见问题' aria-label='如何调试电脑组装中出现的常见问题'>如何调试电脑组装中出现的常见问题</a></li><li><a href="/xitong/1700765911a1432.html"title='电脑CPU温度异常的处理方法' aria-label='电脑CPU温度异常的处理方法'>电脑CPU温度异常的处理方法</a></li><li><a href="/xitong/1700768376a1572.html"title='怎么分辨cpu风扇' aria-label='怎么分辨cpu风扇'>怎么分辨cpu风扇</a></li></ul></div><section id="aside_about" class="widget widget_aside_about sb br mb"><div class="avatar"><img class="img" src="/view/template/mitiqin/img/tx.jpg"
             alt="福州电脑网_福州电脑维修_福州电脑之家_福州iThome"/></div><div class="wrap pd"><p class="title">福州电脑网_福州电脑维修_福州电脑之家_福州iThome</p><p class="info">福州电脑维修网(fzithome.com)专业的电脑维修,笔记本维修,上门维修各种电脑,笔记本,平板等,快速上门.电脑知识频道内容覆盖:计算机资讯,电脑基础应用知识,各种电脑故障维修学习,电脑外设产品维修维护,病毒，软件,硬件,常识.</p><ul class="ul clearfix"></ul></div></section><div class="fzithome-com clear"></div><div class="fzithome-com widgets"><h4 class="bar">相关推荐</h4><div class="fzithome-com hot-post"><ul class="clearfix"><li><a href="/biancheng/1771229316a2683883.html"title='告别排队时代：一文教会你Windows多电脑共享打印' aria-label='告别排队时代：一文教会你Windows多电脑共享打印'><span class="sptit">告别排队时代：一文教会你Windows多电脑共享打印</span></a></li><li><a href="/xitong/1771310581a2684811.html"title='一步到位！详解使用laravel-wechat进行微信H5登录' aria-label='一步到位！详解使用laravel-wechat进行微信H5登录'><span class="sptit">一步到位！详解使用laravel-wechat进行微信H5登录</span></a></li><li><a href="/xitong/1771325757a2684980.html"title='防止泄密攻略：Adobe Flash Player帮你加密文档' aria-label='防止泄密攻略：Adobe Flash Player帮你加密文档'><span class="sptit">防止泄密攻略：Adobe Flash Player帮你加密文档</span></a></li><li><a href="/xitong/1771327212a2684999.html"title='防患未然，学会Adobe Flash Player下文档加密技巧！' aria-label='防患未然，学会Adobe Flash Player下文档加密技巧！'><span class="sptit">防患未然，学会Adobe Flash Player下文档加密技巧！</span></a></li><li><a href="/biancheng/1771508406a2687061.html"title='淘宝卖家必学：利用JavaScript让你的商品图瞬间放大，细节尽收眼底！' aria-label='淘宝卖家必学：利用JavaScript让你的商品图瞬间放大，细节尽收眼底！'><span class="sptit">淘宝卖家必学：利用JavaScript让你的商品图瞬间放大，细节尽收眼底！</span></a></li><li><a href="/xitong/1771582044a2687895.html"title='一失足成千古恨？Adobe Flash Player教你确保A、B页间的无缝沟通。' aria-label='一失足成千古恨？Adobe Flash Player教你确保A、B页间的无缝沟通。'><span class="sptit">一失足成千古恨？Adobe Flash Player教你确保A、B页间的无缝沟通。</span></a></li><li><a href="/biancheng/1771695795a2689171.html"title='Ubuntu入门必学：手把手教你配置文件夹权限' aria-label='Ubuntu入门必学：手把手教你配置文件夹权限'><span class="sptit">Ubuntu入门必学：手把手教你配置文件夹权限</span></a></li><li><a href="/xitong/1771696634a2689182.html"title='成为Linux大神第一步：在Ubuntu下给文件夹分配正确权限' aria-label='成为Linux大神第一步：在Ubuntu下给文件夹分配正确权限'><span class="sptit">成为Linux大神第一步：在Ubuntu下给文件夹分配正确权限</span></a></li><li><a href="/biancheng/1771704274a2689263.html"title='带你玩转拨号模式，用无线路由器创造更多可能' aria-label='带你玩转拨号模式，用无线路由器创造更多可能'><span class="sptit">带你玩转拨号模式，用无线路由器创造更多可能</span></a></li><li><a href="/xitong/1771729658a2689557.html"title='360随身WiFi钓鱼WiFi，你能猜到它的密码吗？' aria-label='360随身WiFi钓鱼WiFi，你能猜到它的密码吗？'><span class="sptit">360随身WiFi钓鱼WiFi，你能猜到它的密码吗？</span></a></li><li><a href="/xitong/1771756236a2689854.html"title='Mac用户，你的PHP图片验证为何不显？这里有解法' aria-label='Mac用户，你的PHP图片验证为何不显？这里有解法'><span class="sptit">Mac用户，你的PHP图片验证为何不显？这里有解法</span></a></li><li><a href="/xitong/1771764621a2689949.html"title='创建安全环境：禁用游客，注册才可编辑MediaWiki页面' aria-label='创建安全环境：禁用游客，注册才可编辑MediaWiki页面'><span class="sptit">创建安全环境：禁用游客，注册才可编辑MediaWiki页面</span></a></li><li><a href="/biancheng/1772163580a2693485.html"title='不用迷路啦，一键带你找到IE收藏夹的秘密位置' aria-label='不用迷路啦，一键带你找到IE收藏夹的秘密位置'><span class="sptit">不用迷路啦，一键带你找到IE收藏夹的秘密位置</span></a></li><li><a href="/biancheng/1772472717a2696951.html"title='破解ZeroClipboard跨浏览器复制难题：以Firefox为例，实操指南及解决Firefox中的this.htmlbridge undefined问题' aria-label='破解ZeroClipboard跨浏览器复制难题：以Firefox为例，实操指南及解决Firefox中的this.htmlbridge undefined问题'><span class="sptit">破解ZeroClipboard跨浏览器复制难题：以Firefox为例，实操指南及解决Firefox中的this.htmlbridge undefined问题</span></a></li><li><a href="/xitong/1772587336a2697628.html"title='让远程控制如影随形，详解开启远程桌面的步骤' aria-label='让远程控制如影随形，详解开启远程桌面的步骤'><span class="sptit">让远程控制如影随形，详解开启远程桌面的步骤</span></a></li><li><a href="/xitong/1773284148a2699581.html"title='macOS 10.10用户，Qt5.4 MediaPlayer路径配置完全教程' aria-label='macOS 10.10用户，Qt5.4 MediaPlayer路径配置完全教程'><span class="sptit">macOS 10.10用户，Qt5.4 MediaPlayer路径配置完全教程</span></a></li><li><a href="/biancheng/1773372330a2700560.html"title='一键操作，关闭360浏览器开机自动启动，用得更爽！' aria-label='一键操作，关闭360浏览器开机自动启动，用得更爽！'><span class="sptit">一键操作，关闭360浏览器开机自动启动，用得更爽！</span></a></li><li><a href="/xitong/1773804123a2705160.html"title='Windows 11 设置电脑密码：新手必看的详细图文教程（附命令行方法）_win11设置密码' aria-label='Windows 11 设置电脑密码：新手必看的详细图文教程（附命令行方法）_win11设置密码'><span class="sptit">Windows 11 设置电脑密码：新手必看的详细图文教程（附命令行方法）_win11设置密码</span></a></li><li><a href="/biancheng/1773972129a2707036.html"title='Linux之删除用户_linux 删除用户' aria-label='Linux之删除用户_linux 删除用户'><span class="sptit">Linux之删除用户_linux 删除用户</span></a></li><li><a href="/biancheng/1775293826a2711694.html"title='一文详解：如何使用 Laravel-wechat 简单实现微信 H5 授权登陆' aria-label='一文详解：如何使用 Laravel-wechat 简单实现微信 H5 授权登陆'><span class="sptit">一文详解：如何使用 Laravel-wechat 简单实现微信 H5 授权登陆</span></a></li></ul></div></div><div class="fzithome-com clear"></div><div class="widget widget_tags"><h4 class="bar">标签列表</h4><ul><li class="submenu"><a target="_blank" href="/tag/245213.html">份验证的</a></li><li class="submenu"><a target="_blank" href="/tag/245136.html">设计仿真</a></li><li class="submenu"><a target="_blank" href="/tag/245134.html">一大段文</a></li><li class="submenu"><a target="_blank" href="/tag/245060.html">系统下内</a></li><li class="submenu"><a target="_blank" href="/tag/245046.html">电脑上更</a></li><li class="submenu"><a target="_blank" href="/tag/245044.html">告别无尽</a></li><li class="submenu"><a target="_blank" href="/tag/245037.html">高危端口</a></li><li class="submenu"><a target="_blank" href="/tag/245033.html">如何测</a></li><li class="submenu"><a target="_blank" href="/tag/245026.html">提升阅读</a></li><li class="submenu"><a target="_blank" href="/tag/244981.html">缓存命中</a></li><li class="submenu"><a target="_blank" href="/tag/244944.html">老是闪退</a></li><li class="submenu"><a target="_blank" href="/tag/244923.html">飞凌的</a></li><li class="submenu"><a target="_blank" href="/tag/244917.html">中的一些</a></li><li class="submenu"><a target="_blank" href="/tag/244914.html">还有必要</a></li><li class="submenu"><a target="_blank" href="/tag/244853.html">问题的实</a></li><li class="submenu"><a target="_blank" href="/tag/244802.html">中的程序</a></li><li class="submenu"><a target="_blank" href="/tag/244800.html">的增</a></li><li class="submenu"><a target="_blank" href="/tag/244792.html">监听不到</a></li><li class="submenu"><a target="_blank" href="/tag/244771.html">调用浏览</a></li><li class="submenu"><a target="_blank" href="/tag/244754.html">动监视器</a></li></ul></div><div class="fzithome-com clear"></div></div></div><footer id="footer"><div class="footer container-w cl"><div class="fnav"></div><span class="copy">

            CopyRight © 2022 All Rights Reserved

            <a href="/" title="福州电脑网_福州电脑维修_福州电脑之家_福州iThome" target="_blank">福州电脑网_福州电脑维修_福州电脑之家_福州iThome</a></span>
        备案号：<a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/" style="font-size: 12px;">豫ICP备2022026798号-13</a></div></footer><script src="/view/template/mitiqin/js/common.min.js?2.3.0"></script><script src="/view/js/xiuno.js"></script><script src="/view/template/mitiqin/js/app.js?2.3.0"></script><div id="gotop"><div style="display: none; margin-bottom:5px;" id="goTopBtn"><a title="返回顶部" class="gotopa"><span class="iconfont icon-rocket-fill"></span></a></div></div></body></html>